@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-tg-tour]{scroll-margin:30px 0}.tg-backdrop{position:absolute;align-items:center;justify-content:center;display:none;z-index:99;border-radius:7px;box-shadow:#212121cc 0 0 1px 2px,#212121cc 0 0 0 1000vh;border:1px solid rgba(193,192,232,.5);top:50vh;left:50vw;width:0;height:0}.tg-backdrop.tg-backdrop-animate{transition:all .3s}.tg-dialog{border-radius:12px;animation-delay:.1s;min-height:120px;background:#fff;color:#252525;max-width:340px;width:max-content;z-index:9999;display:none;position:absolute;top:0;left:0;padding:0;font-size:.9rem}.tg-dialog button{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;font-weight:600;white-space:nowrap;padding:10px;border-radius:8px;cursor:pointer;transition:background-color .1s;border:none;outline:none;display:flex;flex-direction:row;justify-content:center;gap:5px;align-items:center;max-height:50px;background-color:#eeeffa;color:#4979a3}@media (max-width: 1600px){.tg-dialog button{font-size:13px}}.tg-dialog button:focus,.tg-dialog button:hover{outline:none}.tg-dialog button.primary{background-color:#eeeffa;color:#4979a3}.tg-dialog button.primary:hover{background-color:#c7caee}.tg-dialog button.secondary{background-color:#000;color:#fff;font-family:Roboto,sans-serif;font-size:16px;font-weight:400}@media (max-width: 1600px){.tg-dialog button.secondary{font-size:13px}}.tg-dialog button.secondary:hover{background-color:#1a1a1a}.tg-dialog button.tertiary{background-color:#f7f7f7;border:1px solid #edf2f5;color:#222325;font-family:Roboto,sans-serif;font-size:16px;font-weight:400}@media (max-width: 1600px){.tg-dialog button.tertiary{font-size:13px}}.tg-dialog button.tertiary:hover{background-color:#fff}.tg-dialog button.quaternary{background-color:#eeeffa;color:#4979a3;border:1px solid #abc4da}.tg-dialog button.quaternary:hover{background-color:#c7caee}.tg-dialog button .icon{width:24px;display:flex;justify-content:center;align-items:center}.tg-dialog button:disabled{background-color:#ededed;color:#ababab;cursor:default;opacity:.9}.tg-dialog button:disabled:hover{background-color:#ededed}.tg-dialog button:focus,.tg-dialog button:hover{outline:none;background-color:#c7caee}.tg-dialog .tg-dialog-header{display:flex;align-items:center;padding:25px 25px 0}.tg-dialog .tg-dialog-header .tg-dialog-title{font-size:1rem;font-weight:700;margin-right:auto}.tg-dialog .tg-dialog-header .tg-dialog-title+.tg-dialog-body{padding:18.75px 25px}.tg-dialog .tg-dialog-header .tg-dialog-close-btn{width:12px;height:12px;margin-left:10px;opacity:.4;cursor:pointer;white-space:nowrap}.tg-dialog .tg-dialog-header .tg-dialog-close-btn:hover{opacity:8}.tg-dialog .tg-dialog-header .tg-dialog-close-btn:focus{opacity:1}.tg-dialog .tg-dialog-header .tg-dialog-spinner{display:none;opacity:.4;margin-top:-1px;-webkit-animation:tg-spin 1s linear infinite;-moz-animation:tg-spin 1s linear infinite;-o-animation:tg-spin 1s linear infinite;animation:tg-spin 1s linear infinite}@keyframes tg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.tg-dialog .tg-dialog-progress-bar{background:#f1f1f1;height:5px;display:block;margin-top:18.75px;position:relative}.tg-dialog .tg-dialog-progress-bar>.tg-bar{position:absolute;top:0;left:0;min-width:4px;background:#414144;height:100%;display:block;transition:all .3s}.tg-dialog .tg-dialog-body{padding:25px}.tg-dialog .tg-dialog-dots{display:flex;align-items:center;justify-content:center;padding:15px 0;margin-bottom:10px;border-top:1px solid #dedee7;border-bottom:1px solid #dedee7}.tg-dialog .tg-dialog-dots>span.tg-dot{display:inline-block;width:9px;height:9px;background:#c2c7ce;border-radius:12px;margin:0 4px}.tg-dialog .tg-dialog-dots>span.tg-dot.tg-dot-active{background:#5362d9}.tg-dialog .tg-dialog-footer{padding:12.5px 25px 25px;display:flex;align-items:center}.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup{margin:0 auto;padding:0 10px;text-align:center;line-height:1}.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-step-progress{font-size:.78rem;font-weight:700;margin:0 auto;opacity:.4;letter-spacing:1px;display:inline-block}.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots{padding:0;margin:0;border:none}.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots>span.tg-dot{width:8px;height:8px;margin:0 3px}.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots+.tg-step-progress{margin-top:10px;font-size:.68rem}.tg-dialog .tg-arrow{position:absolute;background:#fff;width:9px;height:9px;border-radius:1px;transform:rotate(45deg)}.tg-dialog.tg-dialog-fixed{transition:none;animation-delay:0ms}.tg-dialog.animate-position{transition:all .3s}.tg-dialog.tg-dialog-loading .tg-dialog-header .tg-dialog-title{opacity:.4}.tg-dialog.tg-dialog-loading .tg-dialog-header .tg-dialog-close-btn{display:none}.tg-dialog.tg-dialog-loading .tg-dialog-header .tg-dialog-spinner{display:inline-block}.tg-dialog.tg-dialog-loading .tg-dialog-body{opacity:.4;pointer-events:none}.tg-dialog.tg-dialog-loading .tg-dialog-footer{pointer-events:none;opacity:.4}.confetti-success-payment{position:fixed;width:10px;height:10px;background:#4caf50;pointer-events:none;will-change:transform;z-index:10000}@keyframes confettiFall-success-payment{0%{transform:translateY(0) rotate(0);opacity:1}90%{opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.login-page-container{display:flex;flex-direction:row;min-height:100vh;width:100vw;justify-content:center}.login-page-container .clickable-title{cursor:pointer}.login-page-container .clickable-title a{text-decoration:none;color:#000}@media (max-width: 768px){.login-page-container{flex-direction:column}}.login-page-container button{height:60px;width:100%;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.login-page-container button{font-size:16px}}@media (max-width: 1600px){.login-page-container button{height:40px}}.login-page-container .login-content{flex:1 1 60%;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.login-page-container .login-content .welcome-text{text-align:center;flex-grow:0;padding-top:.5rem}.login-page-container .login-content .login-button{display:flex;flex-direction:column;gap:1rem;align-items:center;flex-grow:1;justify-content:center;width:100%;max-width:320px}@media (max-width: 1600px){.login-page-container .login-content .login-button{max-width:250px;gap:.5rem}}.login-page-container .login-content .login-button button{box-shadow:4px 0 20px #bcbcbc36;background-color:#fff;justify-content:flex-start;align-items:center;gap:1rem;color:#000}.login-page-container .login-content .login-button button .icon{width:30px}@media (max-width: 1600px){.login-page-container .login-content .login-button button .icon{width:20px}}.login-page-container .consent-container{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;padding:.5rem;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;gap:1rem}@media (max-width: 1600px){.login-page-container .consent-container{font-size:13px}}@media (max-width: 1600px){.login-page-container .consent-container{font-size:10px}}.login-page-container .consent-container .consent-text{color:gray;text-align:center}.login-page-container .consent-container .consent-text .link{text-decoration:underline;color:gray}.login-page-container .illustration-container{position:relative;flex:1 1 40%;background:linear-gradient(190deg,#d9d9d966 7.54%,#ece9e9b0 64.2%,#82818180 136.69%);box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#3f3f3f;overflow:hidden;padding:1rem}.login-page-container .illustration-container .carousel-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 100%}.login-page-container .illustration-container .badge-container{flex:0 0 60px;display:flex;align-items:center;justify-content:center}.login-page-container .illustration-container .badge-container .badge{border-radius:5px;box-shadow:0 4px 20px #0000000d;background-color:#ffffff80;display:flex;gap:.5rem;padding:.25rem .5rem;font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700}.login-page-container .illustration-container .badge-container .badge .icon{width:25px}@media (max-width: 1600px){.login-page-container .illustration-container .badge-container .badge .icon{width:16px}}@media (max-width: 1600px){.login-page-container .illustration-container .badge-container .badge{font-size:14px}}@media (max-width: 1600px){.login-page-container .illustration-container .badge-container .badge{font-size:12px}}.carousel{position:relative;height:600px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}@media (max-width: 1600px){.carousel{height:450px}}@media (max-width: 768px){.carousel{height:400px}}.carousel .slide{position:absolute;opacity:0;transform:translate(100%);transition:all 1.5s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center}.carousel .slide.active{opacity:1;transform:translate(0)}.carousel .features{display:flex;flex-direction:column;gap:.5rem;align-items:start}.carousel h4{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.carousel .carousel-dots{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;gap:1rem}.carousel .dot{width:15px;height:15px;border-radius:50%;background-color:#ffffff80;cursor:pointer;transition:background-color .3s ease}.carousel .dot.active{background-color:#fff}.carousel .dot:hover{background-color:#fffc}.carousel .white-illustration{flex:none;margin-bottom:20px;max-width:450px}@media (max-width: 1600px){.carousel .white-illustration{max-width:180px}}.login-button{display:flex;flex-direction:column;gap:1rem;align-items:center;flex-grow:1;justify-content:center;width:100%;max-width:320px}@media (max-width: 1600px){.login-button{max-width:250px;gap:.5rem}}.login-button button{box-shadow:4px 0 20px #bcbcbc36;background-color:#fff;justify-content:flex-start;align-items:center;gap:1rem;color:#000;width:100%}.login-button button .icon{width:30px}@media (max-width: 1600px){.login-button button .icon{width:20px}}.home-page-container{-ms-overflow-style:none;scrollbar-width:none;position:relative;display:flex;flex-direction:column;align-items:center;color:#000;width:100%;height:100%;overflow-y:auto}.home-page-container::-webkit-scrollbar{display:none}.home-page-container .opti-title{position:absolute;left:0;right:0;top:90px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 1600px){.home-page-container .opti-title{left:0;top:60px}}@media (max-width: 1600px){.home-page-container .opti-title{top:10px}}.home-page-container .opti-title .title-icon-container{display:flex;align-items:center;gap:.5rem}.home-page-container .opti-title .info-icon{cursor:pointer;color:gray;padding:.5rem .5rem .25rem;border-radius:50%;background-color:transparent;transition:all .2s ease-in-out;display:flex;align-items:center}.home-page-container .opti-title .info-icon:hover{background-color:#f0f0f0;color:#333}.home-page-container .opti-title .subtitle{text-align:center}.home-page-container .opti-title .subtitle .highlight{color:#ed908c}.home-page-container .search-bar-container{position:absolute;left:0;right:0;top:227.5px;display:flex;align-items:center;justify-content:center}@media (max-width: 1600px){.home-page-container .search-bar-container{left:0;top:60px}}@media (max-width: 1600px){.home-page-container .search-bar-container{top:97.5px}}.home-page-container .page-content{position:absolute;left:0;right:0;top:290px;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}@media (max-width: 1600px){.home-page-container .page-content{left:0;top:60px}}@media (max-width: 1600px){.home-page-container .page-content{top:140px}}.home-page-container .page-content .page-content-wrap{width:95%;max-width:1600px;display:flex;flex-direction:column;align-items:center;justify-content:center}.home-page-container .subtitle{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;background:linear-gradient(45deg,#5f7876,#ff6e6e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}@media (max-width: 1600px){.home-page-container .subtitle{font-size:16px}}@media (max-width: 768px){.home-page-container .subtitle{font-size:14px}}.home-page-container .search-bar-overlay-container{position:relative;display:flex;justify-content:center;width:100%}.home-page-container .search-bar-overlay-container .search-bar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff0;z-index:1;cursor:pointer}.home-page-container .page-content-wrap .home-page-items{display:flex;flex-direction:row;gap:.5rem;width:100%}@media (max-width: 768px){.home-page-container .page-content-wrap .home-page-items{flex-direction:column}}.home-page-container .page-content-wrap .home-page-items .home-page-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:.5rem}@media (max-width: 1600px){.home-page-container .page-content-wrap .home-page-items .home-page-item-title{font-size:16px}}.home-page-container .page-content-wrap .home-page-items .meeting-item,.home-page-container .page-content-wrap .home-page-items .record-item,.home-page-container .page-content-wrap .home-page-items .last-news-item{flex:1}.searchrag{color:#ababab;background-color:#fff;border-radius:8px;box-shadow:-8px -8px 30px #eaeaea1a,8px 8px 30px #aaaaaa1a;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:450px;height:45px;box-sizing:border-box;padding:0 .5rem;max-width:80%;border:1px solid rgba(170,170,170,.3)}@media (max-width: 1600px){.searchrag{width:300px;height:35px}}.searchrag .search-area{display:flex;flex-direction:row;gap:.5rem;align-items:center;width:100%}.searchrag .search-area .search-icon{width:25px;height:25px;display:flex;align-items:center;justify-content:center;overflow:hidden}.searchrag .search-area .search-text{font-family:Roboto,sans-serif;justify-content:center}.searchrag .search-area input{border:none;background:none;width:90%;text-align:left;padding:0;color:#000}.searchrag .search-area input::placeholder{color:#ababab}.searchrag .search-area input:focus{outline:none}.searchrag .search-area .loading-indicator{width:25px;height:25px;display:flex;align-items:center;justify-content:center;overflow:hidden}.searchrag .result-count{color:gray;white-space:nowrap}.ragbar{width:90%;background-color:#fff;border-radius:8px;overflow:hidden}.ragbar .results-popup{display:flex;flex-direction:column;align-items:stretch;gap:1rem;padding:1rem;max-height:70vh;overflow-y:auto}.ragbar .results-popup::-webkit-scrollbar{width:8px}.ragbar .results-popup::-webkit-scrollbar-thumb{background-color:#e6e6e6;border-radius:4px}.ragbar .results-popup::-webkit-scrollbar-track{background-color:#fff}.placeholder{color:#ababab;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700;padding:1rem;display:flex;justify-content:center;align-items:center;padding:20px;text-align:center}@media (max-width: 1600px){.placeholder{font-size:16px}}.placeholder h1{color:#000;margin-bottom:.5rem}.placeholder p{color:gray}.rag-thumbnail{width:90%;display:flex;flex-direction:row;gap:1rem;background-color:#fff;border-radius:5px;padding:.25rem;height:130px}.rag-thumbnail .thumbnail{display:flex;flex-direction:column;align-items:center;gap:.25rem}.rag-thumbnail .thumbnail:hover{cursor:pointer}.rag-thumbnail .thumbnail img{border-radius:5px;width:150px;aspect-ratio:16/9}.rag-thumbnail .thumbnail .thumbnail-title{flex:1;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000}.rag-thumbnail .thumbnail .thumbnail-title .thumbnail-date{color:gray}.rag-thumbnail .reference-sentences{border:1px solid #E6E6E6;border-radius:12px;padding:.25rem;box-sizing:border-box;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;width:calc(100% - 150px - .25rem)}.rag-thumbnail .reference-sentences::-webkit-scrollbar{width:0;height:0}.rag-thumbnail .reference-sentences:hover{scrollbar-width:thin;-ms-overflow-style:-ms-autohiding-scrollbar}.rag-thumbnail .reference-sentences:hover::-webkit-scrollbar{width:8px;height:8px}.rag-thumbnail .reference-sentences:hover::-webkit-scrollbar-thumb{background-color:gray;border-radius:5px}.rag-thumbnail .reference-sentences:hover::-webkit-scrollbar-thumb:hover{background-color:#676767}.rag-thumbnail .reference-sentences .reference-sentence{display:flex;flex-direction:row;gap:.5rem;align-items:center;padding:.25rem;border-radius:5px}.rag-thumbnail .reference-sentences .reference-sentence .speaker,.rag-thumbnail .reference-sentences .reference-sentence .sentence{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rag-thumbnail .reference-sentences .reference-sentence:hover{background-color:#eeeffa}.rag-thumbnail .reference-sentences .reference-sentence:hover .target-icon svg{visibility:visible}.rag-thumbnail .reference-sentences .reference-sentence .target-icon{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}.rag-thumbnail .reference-sentences .reference-sentence .target-icon svg{cursor:pointer;color:gray;visibility:hidden}.rag-thumbnail .reference-sentences .reference-sentence .target-icon svg:hover{color:#676767}.rag-thumbnail .reference-sentences .reference-sentence .speaker{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;font-weight:600;color:#000;width:100px;flex-shrink:0}@media (max-width: 1600px){.rag-thumbnail .reference-sentences .reference-sentence .speaker{font-size:13px}}@media (max-width: 1600px){.rag-thumbnail .reference-sentences .reference-sentence .speaker{width:80px}}.rag-thumbnail .reference-sentences .reference-sentence .timestamp{color:#4979a3;cursor:pointer;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;font-size:12px;cursor:default}@media (max-width: 1600px){.rag-thumbnail .reference-sentences .reference-sentence .timestamp{font-size:13px}}.rag-thumbnail .reference-sentences .reference-sentence .sentence{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;flex-grow:1;min-width:0}@media (max-width: 1600px){.rag-thumbnail .reference-sentences .reference-sentence .sentence{font-size:13px}}.simplified-meeting-items-container{display:flex;flex-direction:row;gap:.5rem;max-height:100%;padding:1rem;border:1px solid #E6E6E6;border-radius:12px}.simplified-meeting-items-container .placeholder{color:#ababab;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700;padding:1rem;display:flex;justify-content:center;align-items:center;flex:1}@media (max-width: 1600px){.simplified-meeting-items-container .placeholder{font-size:16px}}.simplified-meeting-items-container .meeting-list-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.simplified-meeting-items-container .meeting-list-container .meeting-list{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;padding-right:.5rem}.simplified-meeting-item{border:1px solid #E6E6E6;display:flex;align-items:center;justify-content:space-between;max-width:100%;padding:.5rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s ease}.simplified-meeting-item:hover{box-shadow:0 4px 8px #00000026}.simplified-meeting-item .simplified-meeting-item-main{display:flex;flex-direction:column;gap:8px}.simplified-meeting-item .simplified-meeting-item-title-container{display:flex;align-items:center;gap:8px}.simplified-meeting-item .meeting-provider-icon{width:20px;height:20px;object-fit:contain}.simplified-meeting-item .simplified-meeting-item-title{color:#4979a3;font-family:Roboto,sans-serif;font-size:18px;font-weight:600;cursor:pointer;transition:color .2s ease;max-width:400px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1600px){.simplified-meeting-item .simplified-meeting-item-title{font-size:16px}}@media (max-width: 768px){.simplified-meeting-item .simplified-meeting-item-title{font-size:14px}}.simplified-meeting-item .simplified-meeting-item-title:hover{color:#31526e}.simplified-meeting-item .simplified-meeting-item-status{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background-color:#fbeae9;color:#e8746e;border-radius:16px;font-size:12px;font-weight:600}.simplified-meeting-item .simplified-meeting-item-status .live-icon{font-size:12px;color:#ff3b30}.date-formatter{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;display:flex;flex-direction:row;align-items:center;gap:.25rem;color:gray}@media (max-width: 1600px){.date-formatter{font-size:13px}}.no-meeting-container,.no-recordings-container{width:100%;box-sizing:border-box;display:flex;align-items:center;background-color:#fff;border:1px solid #E6E6E6;border-radius:12px;padding:0 1rem;background-color:#f0f0f059;height:70px;overflow:hidden}@media (max-width: 1600px){.no-meeting-container,.no-recordings-container{height:60px}}.no-meeting-container .placeholder-text,.no-recordings-container .placeholder-text{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700;padding:1rem;display:flex;justify-content:center;align-items:center;color:#ababab}@media (max-width: 1600px){.no-meeting-container .placeholder-text,.no-recordings-container .placeholder-text{font-size:16px}}.no-meeting-container{justify-content:space-between}.no-recordings-container{justify-content:flex-start}.circle,.square{border:1px solid #E6E6E6;border-radius:12px;background-color:#c3baba59;box-shadow:0 0 10px #dadcd691}.square{height:80%;aspect-ratio:16/9;border-radius:5px;background-color:#c3baba59}.circle{width:40px;height:20px;border-radius:12px;background-color:#c3baba91}.last-news-container{padding:1rem;border:1px solid #E6E6E6;border-radius:12px}.last-news-container .news-list{list-style-type:disc;padding-left:20px}.last-news-container .news-list li{margin-bottom:10px}.last-news-container .news-list li a:link{color:#00e}.last-news-container .news-list li a:visited{color:#551a8b}.last-news-container .news-list li a:link:active,.last-news-container .news-list li a :visited:active{color:red}.simplified-records-container{border:1px solid #E6E6E6;border-radius:12px;padding:1rem}.simplified-records-container .placeholder{color:#ababab;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700;padding:1rem;display:flex;justify-content:center;align-items:center;flex:1}@media (max-width: 1600px){.simplified-records-container .placeholder{font-size:16px}}.simplified-records-container .simplified-records{position:relative;display:flex;flex-direction:column;gap:.5rem}.simplified-records-container .simplified-records .record{border:1px solid #E6E6E6;background-color:#fff;border-radius:8px;cursor:pointer;width:100%;box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s ease}.simplified-records-container .simplified-records .record:hover{box-shadow:0 4px 8px #00000026}.simplified-records-container .simplified-records .record .record-content{display:flex;flex-direction:row;align-items:center;width:100%}.simplified-records-container .simplified-records .record .record-thumbnail{width:120px;min-width:120px;height:70px;display:flex;justify-content:center;align-items:center;margin-right:20px;border-radius:5px 0 0 5px;object-fit:cover}@media (max-width: 768px){.simplified-records-container .simplified-records .record .record-thumbnail{width:90px;min-width:90px;height:50px}}.simplified-records-container .simplified-records .record .record-thumbnail img,.simplified-records-container .simplified-records .record .record-thumbnail svg{width:auto;height:100%;max-width:100%;border-radius:5px 0 0 5px}.simplified-records-container .simplified-records .record .record-info{flex-grow:1;display:flex;justify-content:space-between;align-items:center}.simplified-records-container .simplified-records .record .record-title-and-date{display:flex;flex-direction:column;gap:.5rem}.simplified-records-container .simplified-records .record .record-date,.simplified-records-container .simplified-records .record .record-title{font-weight:700;max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}@media (max-width: 1600px){.simplified-records-container .simplified-records .record .record-date,.simplified-records-container .simplified-records .record .record-title{max-width:260px}}@media (max-width: 768px){.simplified-records-container .simplified-records .record .record-date,.simplified-records-container .simplified-records .record .record-title{max-width:150px}}.simplified-records-container .simplified-records .record .record-details{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem;color:gray;flex-shrink:0}.simplified-records-container .simplified-records .record .platform-logo{margin-right:.5rem;display:flex;align-items:center;justify-content:center;height:30px}@media (max-width: 768px){.simplified-records-container .simplified-records .record .platform-logo{display:none}}.simplified-records-container .simplified-records .record .platform-logo img,.simplified-records-container .simplified-records .record .platform-logo svg{width:35px;height:35px;object-fit:contain}.video-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.video-popup-content{position:relative;width:100%;border:0;max-width:1200px;background-color:#000;border-radius:8px;box-shadow:0 4px 6px #0000001a}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media (max-width: 768px){.video-popup-content{width:98%;margin:0 10px}}.directmeetings-page-container{display:flex;flex-direction:row;min-height:100vh;width:100vw;justify-content:center}@media (max-width: 768px){.directmeetings-page-container{flex-direction:column}}.directmeetings-page-container button,.directmeetings-page-container input{height:60px;width:100%}@media (max-width: 1600px){.directmeetings-page-container button,.directmeetings-page-container input{height:40px}}.directmeetings-page-container button{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.directmeetings-page-container button{font-size:16px}}.directmeetings-page-container .clickable-title{cursor:pointer}.directmeetings-page-container .clickable-title a{text-decoration:none;color:#000}.directmeetings-page-container .consent-container{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;padding:.5rem;box-sizing:border-box}@media (max-width: 1600px){.directmeetings-page-container .consent-container{font-size:13px}}@media (max-width: 1600px){.directmeetings-page-container .consent-container{font-size:10px}}.directmeetings-page-container .consent-container .consent-text{color:gray;text-align:center}.directmeetings-page-container .consent-container .consent-text .link{text-decoration:underline;color:gray}.directmeetings-page-container .directmeetings-content{flex:1 1 60%;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.directmeetings-page-container .directmeetings-content .welcome-text{text-align:center;flex-grow:0;padding-top:.5rem}.directmeetings-page-container .directmeetings-content .input-container{display:flex;flex-direction:column;gap:1rem;align-items:center;flex-grow:1;justify-content:center;width:100%;max-width:400px}@media (max-width: 1600px){.directmeetings-page-container .directmeetings-content .input-container{max-width:250px;gap:.5rem}}.directmeetings-page-container .directmeetings-content .input-container .input-field,.directmeetings-page-container .directmeetings-content .input-container .send-button{width:100%}.directmeetings-page-container .illustration-container{position:relative;flex:1 1 40%;min-height:600px;background:linear-gradient(190deg,#d9d9d966 7.54%,#ece9e9b0 64.2%,#82818180 136.69%);box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#3f3f3f;overflow:hidden;padding:1rem}.directmeetings-page-container .illustration-container .carousel-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 100%}.directmeetings-page-container .illustration-container .badge-container{flex:0 0 60px;display:flex;align-items:center;justify-content:center}.directmeetings-page-container .illustration-container .badge-container .badge{border-radius:5px;box-shadow:0 4px 20px #0000000d;background-color:#ffffff80;display:flex;gap:.5rem;padding:.25rem .5rem;font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700}.directmeetings-page-container .illustration-container .badge-container .badge .icon{width:25px}@media (max-width: 1600px){.directmeetings-page-container .illustration-container .badge-container .badge .icon{width:16px}}@media (max-width: 1600px){.directmeetings-page-container .illustration-container .badge-container .badge{font-size:14px}}@media (max-width: 1600px){.directmeetings-page-container .illustration-container .badge-container .badge{font-size:12px}}.sharing-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0003;display:flex;justify-content:center;align-items:center;z-index:1100}.sharing-popup-content{background:#fff;padding:1.5rem;border-radius:12px;width:90%;max-width:500px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 32px #00000014;border:1px solid rgba(226,232,240,.6);animation:slideIn .2s ease-out}.sharing-popup-content::-webkit-scrollbar{width:8px}.sharing-popup-content::-webkit-scrollbar-track{background:transparent}.sharing-popup-content::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.sharing-popup-content::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.sharing-popup-content h2{margin-bottom:1.25rem;font-size:1.25rem;font-weight:600;color:#1e293b}.sharing-popup-content .actions{margin-top:1.25rem;display:flex;justify-content:flex-end;border-top:1px solid #F1F5F9;padding-top:1.25rem}.sharing-popup-content .actions button{padding:.5rem 1.25rem;border-radius:8px;border:none;cursor:pointer;font-weight:500;transition:all .2s ease}.sharing-popup-content .actions button.done{background-color:#0284c7;color:#fff}.sharing-popup-content .actions button.done:hover{background-color:#0369a1;transform:translateY(-1px);box-shadow:0 2px 8px #0284c740}.sharing-popup-content .actions button.done:active{transform:translateY(0)}.share-section{margin-bottom:24px}.share-section .share-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.share-section .share-header h3{font-size:14px;font-weight:500;color:#475569}.share-section .share-header .share-count{font-size:12px;color:#64748b}.share-section .search-input{margin-bottom:12px;position:relative}.share-section .search-input input{width:100%;padding:8px 12px 8px 32px;border:1px solid #E2E8F0;border-radius:6px;font-size:14px;transition:border-color .2s}.share-section .search-input input:focus{outline:none;border-color:#3b82f6}.share-section .search-input svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#94a3b8;width:14px;height:14px}.share-section .org-sharing-toggle{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #E2E8F0}.share-section .org-sharing-toggle .toggle-with-info{display:flex;align-items:center;gap:8px}.share-section .org-sharing-toggle .toggle-with-info .switch{position:relative;display:inline-block;width:36px;height:20px}.share-section .org-sharing-toggle .toggle-with-info .switch input{opacity:0;width:0;height:0}.share-section .org-sharing-toggle .toggle-with-info .switch input:checked+.slider{background-color:#3b82f6}.share-section .org-sharing-toggle .toggle-with-info .switch input:checked+.slider:before{transform:translate(16px)}.share-section .org-sharing-toggle .toggle-with-info .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.2s;border-radius:34px}.share-section .org-sharing-toggle .toggle-with-info .switch .slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.2s;border-radius:50%}.share-section .org-sharing-toggle .info-tooltip{position:relative;display:inline-flex;align-items:center}.share-section .org-sharing-toggle .info-tooltip .info-icon{width:16px;height:16px;color:#94a3b8;cursor:help}.share-section .org-sharing-toggle .info-tooltip .tooltip-text{visibility:hidden;position:absolute;left:50%;transform:translate(-50%);bottom:100%;width:240px;background-color:#1e293b;color:#fff;text-align:center;padding:8px;border-radius:6px;font-size:12px;margin-bottom:8px;z-index:1;opacity:0;transition:opacity .2s}.share-section .org-sharing-toggle .info-tooltip .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#1E293B transparent transparent transparent}.share-section .org-sharing-toggle .info-tooltip:hover .tooltip-text{visibility:visible;opacity:1}.share-section .users-list{max-height:240px;overflow-y:auto;border:1px solid #E2E8F0;border-radius:8px;padding:2px}.share-section .users-list::-webkit-scrollbar{width:8px}.share-section .users-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.share-section .users-list::-webkit-scrollbar-thumb{background:#8a8a8a;border-radius:4px}.share-section .users-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.share-section .users-list .user-item{display:flex;align-items:center;padding:6px 8px;border-radius:6px;cursor:pointer;transition:all .2s ease;margin:2px 0}.share-section .users-list .user-item.selected{background-color:#eff6ff}.share-section .users-list .user-item:hover{background-color:#f8fafc}.share-section .users-list .user-item .user-avatar{width:32px;height:32px;border-radius:50%;margin-right:10px;flex-shrink:0}.share-section .users-list .user-item .user-info{display:flex;flex:1;min-width:0;align-items:center}.share-section .users-list .user-item .user-info .user-details{display:flex;flex-direction:column;gap:2px;min-width:0;width:100%;margin:0 10px 0 0}.share-section .users-list .user-item .user-info .user-details .user-name{font-size:13px;color:#1e293b;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-section .users-list .user-item .user-info .user-details .user-email{font-size:12px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-section .users-list .user-item .checkbox{width:16px;height:16px;border:1.5px solid #CBD5E1;border-radius:4px;margin-left:10px;flex-shrink:0;position:relative;transition:all .2s}.share-section .users-list .user-item .checkbox.selected{background-color:#3b82f6;border-color:#3b82f6}.share-section .users-list .user-item .checkbox.selected:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.share-section .users-list .no-results{padding:16px;text-align:center;color:#64748b;font-size:14px}.share-section .users-list.locked{opacity:.8;pointer-events:none}.share-section .user-item.locked{cursor:not-allowed}.share-section .email-notification{margin-top:16px}.share-section .email-notification .checkbox-container{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#475569;-webkit-user-select:none;user-select:none}.share-section .email-notification .checkbox-container input{display:none}.share-section .email-notification .checkbox-container .checkbox{width:16px;height:16px;border:1.5px solid #CBD5E1;border-radius:4px;flex-shrink:0;position:relative;transition:all .2s}.share-section .email-notification .checkbox-container .checkbox.selected{background-color:#3b82f6;border-color:#3b82f6}.share-section .email-notification .checkbox-container .checkbox.selected:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container.disabled{opacity:.5;cursor:not-allowed}.checkbox-container.disabled input{cursor:not-allowed}.add-new-container{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:200px;background:linear-gradient(145deg,#fffc,#fff6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.add-new-container:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.add-new-container:hover .cross-container{border-color:#4979a3;background-color:#4979a30d}.add-new-container:hover .cross-container img{transform:rotate(180deg) scale(1.1)}.add-new-container:hover .explainer{transform:translateY(0);opacity:1}.add-new-container .cross-container{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:2px dashed rgba(128,128,128,.3);border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:1rem}.add-new-container .cross-container img{width:24px;height:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-new-container .explainer{text-align:center;transform:translateY(10px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);color:gray}.add-new-container .explainer h4{margin:0;font-size:.9rem}.add-new-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;border:1px solid rgba(128,128,128,.1);pointer-events:none}.protocol-card{display:flex;flex-direction:column;background:linear-gradient(145deg,#fffc,#fff6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:1.25rem;cursor:pointer;box-sizing:border-box;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.protocol-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0000001f}.protocol-card:hover .protocol-actions{opacity:1;transform:translateY(0)}.protocol-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;border:1px solid rgba(128,128,128,.2);box-shadow:inset 0 0 0 1px #ffffff26;pointer-events:none;transition:border-color .3s cubic-bezier(.4,0,.2,1)}.protocol-card:hover:after{border-color:#4979a333}.protocol-card .giga-protocol-icon{color:#4979a3;display:flex;align-items:center;justify-content:center}.protocol-card-content{height:100%;display:flex;flex-direction:column;justify-content:space-between}.protocol-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.5rem;overflow:hidden;text-overflow:ellipsis}.protocol-header h4{overflow:hidden;text-overflow:ellipsis}.protocol-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem}.protocol-footer .protocol-info{display:flex;align-items:center;gap:.5rem}.protocol-footer .protocol-info .default-protocol-icon{color:#4979a3;display:flex;align-items:center;justify-content:center}.protocol-footer .protocol-actions{display:flex;gap:.5rem;opacity:.8;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.protocol-type-chip{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;font-weight:600;transition:all .3s ease}@media (max-width: 1600px){.protocol-type-chip{font-size:13px}}.protocol-type-chip.default-chip{background-color:#8080801a;color:#073144}.protocol-type-chip.custom-chip{background-color:#d5ecf483;color:#125fad}.protocol-description{color:gray;margin-bottom:1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5}.MuiIconButton-root{color:gray;transition:all .2s cubic-bezier(.4,0,.2,1)}.MuiIconButton-root:hover{color:#4979a3;background-color:#4979a314;transform:scale(1.1)}.section-chip{border-radius:16px;font-weight:500;font-size:.8rem;padding:4px 12px;transition:ease-in-out .2s}.section-chip:hover{transition:ease-in-out .2s;transform:translateY(-1px)}.protocol-edit-popup-container{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0006;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.protocol-edit-popup-container .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.protocol-edit-popup-container .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.protocol-edit-popup-container .popup-title{font-size:16px}}.protocol-edit-popup-container .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.protocol-edit-popup-container .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.protocol-edit-popup-container .popup-item-title{font-size:14px}}.protocol-edit-popup-container .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.protocol-edit-popup{background-color:#fff;border-radius:8px;padding:1rem;width:75%;height:80vh;display:flex;flex-direction:column;gap:1rem;position:relative}@media (max-width: 1600px){.protocol-edit-popup{width:90%;height:92vh}}.protocol-edit-popup .popup-title-and-subtitle{margin-left:1rem;flex-direction:column;gap:.5rem;display:inline-flex}.protocol-edit-popup .popup-title-and-subtitle .popup-title{width:fit-content}.protocol-edit-popup .popup-title-and-subtitle .popup-subtitle{color:gray;width:fit-content}.protocol-edit-popup .popup-content{max-height:100%;display:flex;flex-direction:row;justify-content:space-between;gap:.5rem}.protocol-edit-popup .popup-content .section-list{flex:2;overflow-y:auto;padding:0 1rem;display:flex;flex-direction:column;gap:.5rem}.protocol-edit-popup .popup-content .section-list::-webkit-scrollbar{width:8px}.protocol-edit-popup .popup-content .section-list::-webkit-scrollbar-track{background:#fff;border-radius:4px}.protocol-edit-popup .popup-content .section-list::-webkit-scrollbar-thumb{background:#ababab;border-radius:4px}.protocol-edit-popup .popup-content .section-list::-webkit-scrollbar-thumb:hover{background:#929292}.protocol-edit-popup .popup-content .section-list .dragging{background:#74b2cd0d;border-radius:12px;box-shadow:0 2px 8px #0000001a}.protocol-edit-popup .popup-content .section-select{margin:auto;display:flex;flex-direction:column;gap:.5rem}.protocol-edit-popup .popup-content .section-select .protocol-edit-video-container{margin-bottom:1rem}.protocol-edit-popup .popup-content .section-list-placeholder{display:flex;flex-direction:row;gap:.5rem;margin:auto;color:gray;align-items:center}.protocol-edit-popup .popup-button{display:flex;justify-content:flex-end;flex-direction:row}.section-wrapper{display:flex;align-items:flex-start;margin-bottom:.5rem}.section-wrapper.dragging{background:#74b2cd0d;border-radius:4px;box-shadow:0 2px 8px #0000001a}.section-drag-handle{display:flex;align-items:center;padding:.5rem;color:gray;cursor:grab}.section-drag-handle:active{cursor:grabbing}.section-drag-handle:hover{color:#5a5a5a}.section-wrapper-container{display:flex;flex-direction:row;align-items:center;border:1px solid #E6E6E6;border-radius:12px;background-color:#fff;width:100%;max-width:1000px}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.unsaved-changes-popup{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0003;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-in-out}.unsaved-changes-popup .unsaved-changes-content{background:linear-gradient(145deg,#fffffff2,#ffffffe6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:2rem;border-radius:12px;max-width:400px;width:90%;text-align:center;position:relative;animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.unsaved-changes-popup .unsaved-changes-content:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;border:1px solid rgba(128,128,128,.1);pointer-events:none}.unsaved-changes-popup .unsaved-changes-content h3{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700;color:#000;margin-bottom:1rem}@media (max-width: 1600px){.unsaved-changes-popup .unsaved-changes-content h3{font-size:16px}}.unsaved-changes-popup .unsaved-changes-content p{margin-bottom:1.5rem;color:gray;line-height:1.5}.unsaved-changes-popup .unsaved-changes-content .button-group{display:flex;gap:1rem;justify-content:center}.unsaved-changes-popup .unsaved-changes-content .button-group button{padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.unsaved-changes-popup .unsaved-changes-content .button-group button.secondary{background-color:#fff;border:1px solid rgba(128,128,128,.2);color:#000}.unsaved-changes-popup .unsaved-changes-content .button-group button.secondary:hover{background-color:#8080800d;border-color:#8080804d;transform:translateY(-1px)}.unsaved-changes-popup .unsaved-changes-content .button-group button.primary{background-color:#4979a3;color:#fff;border:none;box-shadow:0 2px 8px #4979a333}.unsaved-changes-popup .unsaved-changes-content .button-group button.primary:hover{background-color:#416c91;transform:translateY(-1px);box-shadow:0 4px 12px #4979a34d}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.protocol-section-container{display:flex;align-items:center;flex-direction:row;border-radius:12px;padding:1rem 1rem .6rem;width:100%;max-width:100%;overflow:hidden;position:relative}.protocol-section-container .protocol-section-vertical-divider{display:flex;flex-direction:row;align-items:center;justify-content:center}.protocol-section-container .protocol-section-vertical-divider .protocol-section-vertical-divider-divider{width:3px;height:30px;margin-right:10px;opacity:.5}.protocol-section-container .protocol-section-vertical-divider .protocol-section-vertical-divider-divider.basic{background-color:#cc8f23}.protocol-section-container .protocol-section-vertical-divider .protocol-section-vertical-divider-divider.custom{background-color:#c7605b}.protocol-section-container .protocol-section-vertical-divider .protocol-section-vertical-divider-divider.magic{background-color:#74b2cd}.protocol-section-container .protocol-section{display:flex;flex-direction:column}.protocol-section-container .protocol-section-header{position:absolute;top:.5rem;right:.5rem;z-index:1}.protocol-section-container .protocol-section-header .protocol-section-action-icon{display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer;padding:2px}.protocol-section-container .protocol-section-title,.protocol-section-container .protocol-section-expected-answer,.protocol-section-container .protocol-section-question{display:flex;flex-direction:row;gap:.5rem}.protocol-section-container .protocol-section-title{width:fit-content}.protocol-section-container .protocol-section-question{width:100%}.protocol-section-container .protocol-section-content{border-radius:12px;display:flex;flex-direction:column;gap:.5rem;width:100%}.protocol-section-container .protocol-section-question{color:gray}.protocol-section-container .protocol-section-question .inline-edit .display-text,.protocol-section-container .protocol-section-question .inline-edit input{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;margin:0}@media (max-width: 1600px){.protocol-section-container .protocol-section-question .inline-edit .display-text,.protocol-section-container .protocol-section-question .inline-edit input{font-size:13px}}.protocol-section-container .protocol-section-expected-answer{display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:.5rem 0px;max-width:600px;position:relative;color:#64748b;font-size:14px}.protocol-section-container .protocol-section-expected-answer .chips-container{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.protocol-section-container .protocol-section-expected-answer .chip{padding:4px 12px;border-radius:15px;font-size:12px;background:#f8fafc;border:1px solid #E2E8F0;color:#1e293b;cursor:pointer;transition:all .2s}.protocol-section-container .protocol-section-expected-answer .chip:hover{background:#f1f5f9;border-color:#cbd5e1}.protocol-section-container .protocol-section-expected-answer .chip.selected[data-type=text]{background:#eef2ff;border-color:#818cf8;color:#303272}.protocol-section-container .protocol-section-expected-answer .chip.selected[data-type=number]{background:#f0fff4;border-color:#9be6c1;color:#1e4b3a}.protocol-section-container .protocol-section-expected-answer .chip.selected[data-type=bullet]{background:#f0f9ff;border-color:#38bdf8;color:#25566d}.protocol-section-container .protocol-section-expected-answer .chip.selected[data-type=boolean]{background:#fef2f2;border-color:#fb7185;color:#691f2c}.protocol-section-container .protocol-section-expected-answer .chip.selected[data-type=date]{background:#fff7ed;border-color:#fb923c;color:#6d3d1b}.protocol-section-container .protocol-section-expected-answer .chip:not(.selected)[data-type=text]:hover{background:#eef2ff;border-color:#c7d2fe}.protocol-section-container .protocol-section-expected-answer .chip:not(.selected)[data-type=number]:hover{background:#ecfdf5;border-color:#a7f3d0}.protocol-section-container .protocol-section-expected-answer .chip:not(.selected)[data-type=boolean]:hover{background:#fef2f2;border-color:#fecdd3}.protocol-section-container .protocol-section-expected-answer .chip:not(.selected)[data-type=date]:hover{background:#fff7ed;border-color:#fed7aa}.protocol-section-container .protocol-section-expected-answer .chip:not(.selected)[data-type=bullet]:hover{background:#f0f9ff;border-color:#bae6fd}.protocol-section-container .protocol-section-expected-answer .chip.disabled{opacity:.6;cursor:not-allowed}.protocol-section-container .protocol-section-expected-answer .chip.disabled:hover{background:#f8fafc!important;border-color:#e2e8f0!important}.protocol-section-container .protocol-section-expected-answer.disabled{cursor:not-allowed;opacity:.8}.editable-text-container{display:flex;flex-direction:row;gap:.5rem;width:100%}.editable-text-container:hover .edit-icon svg{visibility:visible}.editable-text-container .edit-icon{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}.editable-text-container .edit-icon svg{cursor:pointer;color:gray;visibility:hidden}.editable-text-container .edit-icon svg:hover{color:#676767}.editable-text-container .edit-icon.icon-always-visible svg{visibility:visible}.editable-text-container .editable-text-placeholder{color:#ababab}.editable-text-container .editable-text{width:100%;overflow:hidden;text-overflow:ellipsis;padding:0 2px}.editable-text-container .editable-text.color-clue{background-color:#ededed;border-radius:5px}.section-select-container{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#fff;width:280px;box-shadow:0 4px 20px #0000000f;transition:all .2s ease;border:1px solid #E6E6E6;border-radius:12px}.section-select-container:hover{box-shadow:0 6px 24px #00000014}.section{display:flex;flex-direction:column;gap:.5rem;width:100%}.section .section-title{display:flex;align-items:center;justify-content:space-between;padding:0 .5rem;margin:0}.section .section-title .section-title-title{display:flex;align-items:center;gap:.6rem}.section .section-title .icon{color:#94a3b8;cursor:help;transition:color .2s ease}.section .section-title .icon:hover{color:#64748b}.section .color-marker{width:3px;height:16px;border-radius:2px}.section .color-marker.basic{background:#8ca3d3}.section .color-marker.custom{background:#a794d1}.section .color-marker.magic{background:#ffd686}.section .section-item{display:flex;flex-direction:row;justify-content:flex-start;border:none;cursor:pointer;transition:all .2s ease}.section .section-item .icon{visibility:hidden;transform:translate(-5px);transition:all .2s ease}.section .section-item:hover .icon{visibility:visible;opacity:1;transform:translate(0)}.section .section-item.basic{background:#eff6ff;color:#0d2163}.section .section-item.basic:hover{background:#dbeafe}.section .section-item.custom{background:#f5f3ff;color:#2b0b5f}.section .section-item.custom:hover{background:#ede9fe}.section .section-item.magic{background:#fef3c7;color:#92400e}.section .section-item.magic:hover{background:#fde68a}.section .section-item:disabled{opacity:.5;cursor:not-allowed}.section .section-item:disabled:hover{transform:none}.tutorial-embedded-video{width:100%;background-color:transparent;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.5rem;position:relative}.tutorial-embedded-video iframe{width:100%;aspect-ratio:16/9;border:none;border-radius:8px;z-index:1}.tutorial-embedded-video .hide-tutorial-button{position:absolute;top:50%;left:0;transform:translate(-80%,-50%);z-index:0}@media (max-width: 768px){.video-corner-content{width:100%}}.protocol-extra-menu{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#fff;width:280px;border:1px solid #E6E6E6;border-radius:12px;overflow:hidden}.protocol-extra-menu:hover{box-shadow:0 6px 24px #00000014}.protocol-extra-menu .details-slider{width:100%;display:flex;flex-direction:column;align-items:center}.protocol-extra-menu .details-slider .details-slider-container{width:80%;display:flex;flex-direction:column}.protocol-page-container{-ms-overflow-style:none;scrollbar-width:none;position:relative;display:flex;flex-direction:column;align-items:center;color:#000;width:100%;height:100%;overflow-y:auto;display:grid;grid-template-rows:auto 1fr auto;gap:1rem}.protocol-page-container::-webkit-scrollbar{display:none}.protocol-page-container .opti-title{position:absolute;left:0;right:0;top:90px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 1600px){.protocol-page-container .opti-title{left:0;top:60px}}@media (max-width: 1600px){.protocol-page-container .opti-title{top:10px}}.protocol-page-container .opti-title .title-icon-container{display:flex;align-items:center;gap:.5rem}.protocol-page-container .opti-title .info-icon{cursor:pointer;color:gray;padding:.5rem .5rem .25rem;border-radius:50%;background-color:transparent;transition:all .2s ease-in-out;display:flex;align-items:center}.protocol-page-container .opti-title .info-icon:hover{background-color:#f0f0f0;color:#333}.protocol-page-container .opti-title .subtitle{text-align:center}.protocol-page-container .opti-title .subtitle .highlight{color:#ed908c}.protocol-page-container .search-bar-container{position:absolute;left:0;right:0;top:227.5px;display:flex;align-items:center;justify-content:center}@media (max-width: 1600px){.protocol-page-container .search-bar-container{left:0;top:60px}}@media (max-width: 1600px){.protocol-page-container .search-bar-container{top:97.5px}}.protocol-page-container .page-content{position:absolute;left:0;right:0;top:290px;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}@media (max-width: 1600px){.protocol-page-container .page-content{left:0;top:60px}}@media (max-width: 1600px){.protocol-page-container .page-content{top:140px}}.protocol-page-container .page-content .page-content-wrap{width:95%;max-width:1600px;display:flex;flex-direction:column;align-items:center;justify-content:center}.protocol-page-container .subtitle{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;background:linear-gradient(45deg,#5f7876,#ff6e6e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}@media (max-width: 1600px){.protocol-page-container .subtitle{font-size:16px}}@media (max-width: 768px){.protocol-page-container .subtitle{font-size:14px}}.protocol-page-container .default-protocol-container{background-color:#fff;border-radius:5px;padding:.5rem;display:flex;align-items:center;gap:.5rem}.protocol-page-container .default-protocol-container .info-icon{display:flex;align-items:center;justify-content:center}.protocol-page-container .create-protocol-button{margin-bottom:2rem;background-color:#000;color:#fff;transition:background-color .3s ease}.protocol-page-container .create-protocol-button:hover{background-color:#ed908c}.protocol-page-container .protocols-grid{padding:1rem 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;width:100%;margin-top:.5rem}.protocol-page-container .protocol-thumbnail-skeleton{width:100%;height:220px;display:flex;flex-direction:column;justify-content:space-between;padding:.5rem;background-color:#fff;border-radius:8px}.folder-page-container{-ms-overflow-style:none;scrollbar-width:none;position:relative;display:flex;flex-direction:column;align-items:center;color:#000;width:100%;height:100%;overflow-y:auto}.folder-page-container::-webkit-scrollbar{display:none}.folder-page-container .opti-title{position:absolute;left:0;right:0;top:90px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 1600px){.folder-page-container .opti-title{left:0;top:60px}}@media (max-width: 1600px){.folder-page-container .opti-title{top:10px}}.folder-page-container .opti-title .title-icon-container{display:flex;align-items:center;gap:.5rem}.folder-page-container .opti-title .info-icon{cursor:pointer;color:gray;padding:.5rem .5rem .25rem;border-radius:50%;background-color:transparent;transition:all .2s ease-in-out;display:flex;align-items:center}.folder-page-container .opti-title .info-icon:hover{background-color:#f0f0f0;color:#333}.folder-page-container .opti-title .subtitle{text-align:center}.folder-page-container .opti-title .subtitle .highlight{color:#ed908c}.folder-page-container .search-bar-container{position:absolute;left:0;right:0;top:227.5px;display:flex;align-items:center;justify-content:center}@media (max-width: 1600px){.folder-page-container .search-bar-container{left:0;top:60px}}@media (max-width: 1600px){.folder-page-container .search-bar-container{top:97.5px}}.folder-page-container .page-content{position:absolute;left:0;right:0;top:290px;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}@media (max-width: 1600px){.folder-page-container .page-content{left:0;top:60px}}@media (max-width: 1600px){.folder-page-container .page-content{top:140px}}.folder-page-container .page-content .page-content-wrap{width:95%;max-width:1600px;display:flex;flex-direction:column;align-items:center;justify-content:center}.folder-page-container .subtitle{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;background:linear-gradient(45deg,#5f7876,#ff6e6e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}@media (max-width: 1600px){.folder-page-container .subtitle{font-size:16px}}@media (max-width: 768px){.folder-page-container .subtitle{font-size:14px}}.folder-page-container .folder-content .folder-content-wrap{flex-flow:row wrap;justify-content:flex-start;gap:1rem;padding-top:40px}.records-header-container{display:flex;width:100%;justify-content:space-between;align-items:center}.loading-container{padding:2rem}.loading-container .MuiCircularProgress-root{color:#4979a3}.loading-container .MuiTypography-root{color:gray;font-family:Roboto,sans-serif;font-size:18px}@media (max-width: 1600px){.loading-container .MuiTypography-root{font-size:16px}}@media (max-width: 768px){.loading-container .MuiTypography-root{font-size:14px}}.records,.records-grid{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.record,.record-card{will-change:transform,box-shadow;transition:transform .2s ease,box-shadow .2s ease}.record:hover,.record-card:hover{transform:translateY(-2px)}.pagination{transition:opacity .2s ease}.pagination.loading{opacity:.6;pointer-events:none}@media (prefers-color-scheme: dark){.loading-container .MuiCircularProgress-root{color:#eeeffa}.loading-container .MuiTypography-root{color:#ccc}}.searchbar{color:#ababab;background-color:#fff;border-radius:8px;box-shadow:-8px -8px 30px #eaeaea1a,8px 8px 30px #aaaaaa1a;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:450px;height:45px;box-sizing:border-box;padding:0 .5rem;max-width:80%;border:1px solid rgba(170,170,170,.3)}@media (max-width: 1600px){.searchbar{width:300px;height:35px}}.searchbar .search-area{display:flex;flex-direction:row;gap:.5rem;align-items:center;width:100%}.searchbar .search-area .search-icon{width:16px;height:16px;object-fit:contain}.searchbar .search-area .search-text{font-family:Roboto,sans-serif;justify-content:center}.searchbar .search-area input{border:none;background:none;width:90%;text-align:left;padding:0;color:#000}.searchbar .search-area input::placeholder{color:#ababab}.searchbar .search-area input:focus{outline:none}.searchbar .result-count{color:gray;white-space:nowrap}.records{margin-top:1rem;position:relative;display:flex;flex-direction:column;gap:.5rem;width:90%}.records .record{border:1px solid #E6E6E6;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #00000005;cursor:pointer;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;width:100%}.records .record:hover{background-color:#f0f0f03b;box-shadow:0 6px 10px #00000026;transform:translateY(-1px)}.records .record .folder-select:hover{color:#0015ff;cursor:pointer}.records .record .record-content{display:flex;flex-direction:row;align-items:center;width:100%}.records .record .record-thumbnail{width:120px;min-width:120px;height:70px;display:flex;justify-content:center;align-items:center;margin-right:20px;border-radius:5px 0 0 5px;object-fit:cover}@media (max-width: 768px){.records .record .record-thumbnail{width:100px;min-width:100px;height:60px}}.records .record .record-thumbnail img,.records .record .record-thumbnail svg{width:auto;height:100%;max-width:100%;border-radius:5px 0 0 5px}.records .record .record-info{flex-grow:1;display:flex;justify-content:space-between;align-items:center}.records .record .record-details-container{display:flex;flex-direction:row;justify-content:flex-end;gap:2rem;margin-right:1rem}.records .record .record-title{font-weight:700;min-width:200px;max-width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}@media (max-width: 1600px){.records .record .record-title{max-width:350px}}.records .record .record-details{display:flex;flex-direction:row;justify-content:flex-end;gap:1rem;color:gray;flex-shrink:0}.records .record .participants-count,.records .record .record-date{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:120px;gap:.5rem}@media (max-width: 1600px){.records .record .participants-count,.records .record .record-date{width:100px}}.records .record .record-date{width:250px}.records .record .participants-count{width:100px}.records .record .platform-logo{width:30px;display:flex;align-items:center;justify-content:center}.records .record .platform-logo img,.records .record .platform-logo svg{width:35px;height:35px;object-fit:contain}.records .record .participants-count-window-parent{position:relative;z-index:1}.records .record .participants-count-window-parent .record-participants-window{background-color:#fff;padding:.5rem;border:1px solid #E6E6E6;border-radius:12px;cursor:default;position:absolute;right:0;bottom:-10px;z-index:30;min-width:200px}.records .record .participants-count-window-parent .record-participants-window .participant-item{padding:.25rem;border-bottom:1px solid #e0e0e0}.records .record .participants-count-window-parent .record-participants-window .participant-item:last-child{border-bottom:none}.folderselection-popup-container{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.folderselection-popup-container .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.folderselection-popup-container .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.folderselection-popup-container .popup-title{font-size:16px}}.folderselection-popup-container .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.folderselection-popup-container .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.folderselection-popup-container .popup-item-title{font-size:14px}}.folderselection-popup-container .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.folderselection-popup-container .popup{width:600px;gap:1rem}.folderselection-popup-container .popup .popup-content{gap:1rem;font-family:Raleway,sans-serif;font-weight:400;font-size:16px;color:gray}@media (max-width: 1600px){.folderselection-popup-container .popup .popup-content{font-size:14px}}.delete-popup-container{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.delete-popup-container .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.delete-popup-container .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.delete-popup-container .popup-title{font-size:16px}}.delete-popup-container .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.delete-popup-container .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.delete-popup-container .popup-item-title{font-size:14px}}.delete-popup-container .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.delete-popup-container .popup{width:450px;gap:.5rem}.delete-popup-container .popup .popup-content{display:flex;flex-direction:column;gap:1rem;margin-bottom:.5rem}.delete-popup-container .popup .popup-content .delete-warning{display:flex;flex-direction:row;gap:.5rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:gray;flex:1}@media (max-width: 1600px){.delete-popup-container .popup .popup-content .delete-warning{font-size:13px}}.delete-popup-container .popup .popup-content .popup-item-title{display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}.delete-popup-container .popup .popup-content .popup-item-title span{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000}@media (max-width: 1600px){.delete-popup-container .popup .popup-content .popup-item-title span{font-size:14px}}.delete-popup-container .popup .popup-content .popup-item-title div{display:flex;align-items:center;color:gray;cursor:help}.delete-popup-container .popup .popup-content .popup-item-title div:hover{color:#676767}.delete-popup-container .popup .popup-content .delete-options{display:flex;flex-direction:row;gap:1rem;justify-content:flex-end}.records-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:40px 20px;margin-top:30px}.records-grid .record-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;position:relative}.records-grid .record-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.records-grid .record-card .record-header{position:relative;height:120px}.records-grid .record-card .record-header .record-thumbnail{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.records-grid .record-card .record-header .record-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center}.records-grid .record-card .record-header .record-thumbnail .logo-thumbnail{height:100%;object-fit:cover;object-position:center}.records-grid .record-card .record-header .record-thumbnail svg{width:100%;height:100%;color:#000}.records-grid .record-card .record-header .record-platform{position:absolute;bottom:-50px;right:10px}.records-grid .record-card .record-header .record-platform img{width:30px;height:30px;object-fit:contain}.records-grid .record-card .record-body{padding:15px}.records-grid .record-card .record-body .record-title-container{display:flex;align-items:center;margin-bottom:10px}.records-grid .record-card .record-body .record-title-container .record-platform{display:none}.records-grid .record-card .record-body .record-title-container .record-title{margin:0;font-size:.9em;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;width:100%}.records-grid .record-card .record-body .record-info{display:flex;justify-content:space-between;font-size:.9em}.records-grid .record-card .record-body .record-info span{display:flex;align-items:center}.records-grid .record-card .record-body .record-info span svg{margin-right:5px;width:15px;height:15px;color:gray}.records-grid .record-card .record-body .record-status{margin-top:10px;font-weight:500;color:#007bff}.records-grid .record-card .record-participants-window{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #e0e0e0;box-shadow:0 4px 6px #0000001a;border-radius:0 0 10px 10px;padding:15px;z-index:10;max-height:200px;overflow-y:auto}.records-grid .record-card .record-participants-window ul{padding:0;margin:0;list-style:none}.records-grid .record-card .record-participants-window ul li{padding:5px 0;border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column}.records-grid .record-card .record-participants-window ul li:last-child{border-bottom:none}.records-grid .record-card .record-participants-window ul li span{margin-bottom:5px}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:20px 0;margin-top:auto}.recordingsfilter{width:100%;margin-top:.5rem;display:flex;flex-direction:row;justify-content:space-between}.recordingsfilter .filter-button{display:flex;flex-direction:row;gap:.5rem;align-items:center}.recordingsfilter .share-filters{display:flex;flex-direction:row}.recordingsfilter .share-filters .title{min-width:155px;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.25rem;transition:color .2s ease}.recordingsfilter .share-filters .title.not-displayed{color:#ababab}.recordingsfilter .share-filters .title.displayed{color:#000}.recordingsfilter .share-filters .title .vertical-divider{width:2px;height:18px;transition:opacity .2s ease;background-color:#000;margin-left:.5rem}.recordingsfilter .share-filters .title .vertical-divider.displayed{opacity:1}.recordingsfilter .share-filters .title .vertical-divider.not-displayed{opacity:0}.datefilter-popup-container{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.datefilter-popup-container .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.datefilter-popup-container .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.datefilter-popup-container .popup-title{font-size:16px}}.datefilter-popup-container .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.datefilter-popup-container .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.datefilter-popup-container .popup-item-title{font-size:14px}}.datefilter-popup-container .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.datefilter-popup-container .popup{width:600px;gap:1rem}.datefilter-popup-container .popup .popup-content{gap:1rem;font-family:Raleway,sans-serif;font-weight:400;font-size:16px;color:gray}@media (max-width: 1600px){.datefilter-popup-container .popup .popup-content{font-size:14px}}.rdrCalendarWrapper{box-sizing:border-box;background:#fff;display:inline-flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateDisplay{display:flex;justify-content:space-between}.rdrDateDisplayItem{flex:1 1;width:0;text-align:center;color:inherit}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:flex;justify-content:space-between}.rdrMonthAndYearPickers{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:flex;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{flex-basis:calc(100% / 7);box-sizing:inherit;text-align:center}.rdrDays{display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{position:absolute;font-size:1.6em;line-height:1.6em;top:0;right:.25em;color:red}.rdrDay{box-sizing:inherit;width:calc(100% / 7);position:relative;font:inherit;cursor:pointer}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align: auto){.rdrDay{flex-basis:14.285%!important}}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge,.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{pointer-events:none}.rdrDateRangePickerWrapper{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrStaticRanges{display:flex;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{border-radius:4px;background-color:#fff;box-shadow:0 1px 2px #23394236;border:1px solid transparent}.rdrDateDisplayItem input{cursor:pointer;height:2.5em;line-height:2.5em;border:0px;background:transparent;width:100%;color:#849095}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:10px 30px 10px 10px;border-radius:4px;outline:0;color:#3e484f;background:url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;background-position:right 8px center;cursor:pointer;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{display:block;width:24px;height:24px;margin:0 .833em;padding:0;border:0;border-radius:5px;background:#eff2f7}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{display:block;width:0;height:0;padding:0;text-align:center;border-style:solid;margin:auto;transform:translate(-3px)}.rdrPprevButton i{border-width:4px 6px 4px 4px;border-color:transparent rgb(52,73,94) transparent transparent;transform:translate(-3px)}.rdrNextButton i{margin:0 0 0 7px;border-width:4px 4px 4px 6px;border-color:transparent transparent transparent rgb(52,73,94);transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{font-weight:400;line-height:2.667em;color:#849095}.rdrDay{background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;padding:0;line-height:3em;height:3em;text-align:center;color:#1d2429}.rdrDay:focus{outline:0}.rdrDayNumber{outline:0;font-weight:300;position:absolute;left:0;right:0;top:5px;bottom:5px;display:flex;align-items:center;justify-content:center}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:18px;height:2px;border-radius:2px;background:#3d91ff}.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span{color:#ffffffd9}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge{background:currentColor;position:absolute;top:5px;left:0;right:0;bottom:5px}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrEndEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview{border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;border-left-width:1px;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;border-right-width:1px;right:0}.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{background:#ffffff17;position:absolute;top:3px;left:0;right:0;bottom:3px;pointer-events:none;border:0px solid currentColor;z-index:1}.rdrDayStartPreview{border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;left:0}.rdrDayInPreview{border-top-width:1px;border-bottom-width:1px}.rdrDayEndPreview{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;right:0}.rdrDefinedRangesWrapper{font-size:12px;width:226px;border-right:solid 1px #eff2f7;background:#fff}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{border:0;cursor:pointer;display:block;outline:0;border-bottom:1px solid #eff2f7;padding:0;background:#fff}.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;outline:0;line-height:18px;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{width:30px;height:30px;line-height:30px;border-radius:4px;text-align:center;border:solid 1px rgb(222,231,235);margin-right:10px;color:#6c767a}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;outline:0;color:#333}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{content:"";border:1px solid currentColor;border-radius:1.333em;position:absolute;top:-2px;bottom:-2px;left:0;right:0;background:transparent}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrStartEdge,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayEndPreview{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrStartEdge,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayEndPreview{filter:grayscale(100%) opacity(60%)}.rdrMonthName{text-align:left;font-weight:600;color:#849095;padding:.833em}.records-display-switch{display:flex;justify-content:flex-end}.records-display-switch .switch-container{border:1px solid #E6E6E6;background-color:#fff;border-radius:12px;cursor:pointer;width:95px;height:45px;position:relative;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.records-display-switch .switch-container:hover{border-color:#4979a3;box-shadow:0 2px 8px #74b2cd26}.records-display-switch .switch-container .switch-button{background:#eeeffa;border-radius:10px;width:45px;height:36px;position:absolute;top:4px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #74b2cd33}.records-display-switch .switch-container .switch-button.list{left:4px}.records-display-switch .switch-container .switch-button.grid{left:46px}.records-display-switch .switch-container .switch-button .icon{font-size:20px;color:#4979a3;position:absolute;transition:all .2s ease;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.records-display-switch .switch-container .switch-button .grid-icon{opacity:0;transform:scale(.8)}.records-display-switch .switch-container .switch-button .list-icon,.records-display-switch .switch-container .switch-button.grid .grid-icon{opacity:1;transform:scale(1)}.records-display-switch .switch-container .switch-button.grid .list-icon{opacity:0;transform:scale(.8)}.records-display-switch .switch-container .background-icons{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:0 14px;pointer-events:none}.records-display-switch .switch-container .background-icons .background-icon{font-size:18px;color:#ababab;transition:color .2s ease;width:18px;height:18px}.records-display-switch .switch-container:hover .background-icons .background-icon{color:gray}.folder-structure-container{margin-top:10px;margin-bottom:0;width:100%}.folder-structure-container .folder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.folder-structure-container .folder-header h2{font-size:24px;font-weight:600}.folder-structure-container .folder-structure{display:flex;flex-wrap:wrap;gap:20px;padding-bottom:20px}.folder-structure-container .folder-structure .selected{border:2px solid var(--primary-color)!important}.folder-structure-container .folder-structure .folder{min-width:200px;background-color:#f8f9fa;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a;border:2px solid transparent}.folder-structure-container .folder-structure .folder:hover{background-color:#e9ecef;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.folder-structure-container .folder-structure .folder .folder-info{display:flex;align-items:center;gap:10px}.folder-structure-container .folder-structure .folder .folder-info svg{color:#ffc107;font-size:20px;flex-shrink:0}.folder-structure-container .folder-structure .folder .folder-info span{font-weight:500;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-structure-container .folder-structure .folder .folder-info .record-count{font-size:12px;color:#6c757d;flex-shrink:0}.folder-structure-container .folder-structure .folder .folder-info .delete-folder{margin-left:auto;background:none;border:none;color:#dc3545;cursor:pointer;padding:0;font-size:16px}.folder-structure-container .folder-structure .folder .folder-info .delete-folder:hover{color:#a71d2a}.folder-structure-container .folder-structure .folder .folder-info input{flex-grow:1;padding:4px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px}.folder-structure-container .folder-structure .folder .folder-info .edit-folder,.folder-structure-container .folder-structure .folder .folder-info .save-folder{background:none;border:none;cursor:pointer;padding:0;font-size:16px;color:#28a745;margin-left:5px}.folder-structure-container .folder-structure .folder .folder-info .edit-folder:hover,.folder-structure-container .folder-structure .folder .folder-info .save-folder:hover{color:#218838}.folder-structure-container .folder-structure .new-folder{background-color:#e9ecef}.folder-structure-container .folder-structure .create-folder{display:flex;align-items:center;gap:5px;padding:25px;background-color:#f8f9fa;border:2px dashed #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:16px;color:#6c757d}.folder-structure-container .folder-structure .create-folder:hover{background-color:#e9ecef;border-color:#6c757d}@media (max-width: 768px){.folder-structure-container .folder-structure .folder{flex:0 0 calc(50% - 10px)}}@media (max-width: 480px){.folder-structure-container .folder-structure .folder{flex:0 0 100%}}.topbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;z-index:80;width:100%;box-shadow:0 4px 30px #ededed40;border-bottom:1px solid rgb(243,243,243);background-color:#fff;height:60px!important}@media (max-width: 1600px){.topbar{height:60px}}.meeting-header{display:flex;flex-direction:row;height:100%;width:100%;align-items:center;justify-content:space-between}.user-info{height:100%;display:flex;flex-direction:row;align-self:flex-end;justify-content:center;align-items:center;gap:12px;margin-right:60px}.profile-icon-container{width:40px;height:40px}.user-info-text{display:flex;flex-direction:column;justify-content:center;color:#000}.user-info-text .user-name{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;font-weight:600;white-space:nowrap}@media (max-width: 1600px){.user-info-text .user-name{font-size:13px}}.user-info-text .user-email{display:flex;flex-direction:row;align-items:center;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;white-space:nowrap}@media (max-width: 1600px){.user-info-text .user-email{font-size:13px}}.profile-popup{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;transition:opacity .2s ease-out}.profile-popup .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.profile-popup .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.profile-popup .popup-title{font-size:16px}}.profile-popup .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.profile-popup .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.profile-popup .popup-item-title{font-size:14px}}.profile-popup .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.profile-popup .profile-card{z-index:85;position:fixed;top:65px;right:30px;border-radius:12px;background:#fff;border:1px solid rgba(82,121,163,.1);box-shadow:0 4px 24px #0000001a;width:240px;padding:20px;transition:all .2s ease}.profile-popup .profile-card:hover{box-shadow:0 8px 32px #0000001f}.profile-popup .profile-card .top-section{display:flex;flex-direction:column;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid rgba(82,121,163,.1);margin-bottom:16px}.profile-popup .profile-card .top-section .org-selector{width:100%}.profile-popup .profile-card .top-section .org-selector select{padding:10px;border-radius:6px;border:1px solid rgba(86,82,163,.1);background:#3f373614;color:#000}.profile-popup .profile-header{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid rgba(82,121,163,.1);margin-bottom:16px}.profile-popup .profile-header .avatar{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem}.profile-popup .user-info-popup{display:flex;flex-direction:column;gap:2px;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}.profile-popup .user-info-popup .email{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;color:gray}.profile-popup .plan-info{margin:12px 0;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:12px;background:#ffffff80;border-radius:8px;border:1px solid rgba(82,121,163,.05)}.profile-popup .plan-info .plan-badge{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:6px;background:#fff;border:1px solid rgba(82,121,163,.1);transition:all .2s ease}.profile-popup .plan-info .plan-badge svg{flex-shrink:0}.profile-popup .plan-info .plan-badge.plan-free{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid rgba(82,121,163,.15)}.profile-popup .plan-info .plan-badge.plan-free svg{color:#7a9dc4}.profile-popup .plan-info .plan-badge.plan-free .gradient-text{background:linear-gradient(135deg,#5279a3,#7a9dc4);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600}.profile-popup .plan-info .plan-badge.plan-paid svg,.profile-popup .plan-info .plan-badge.plan-paid .gradient-text{color:#000}.profile-popup .plan-info .plan-badge span{text-align:center;font-size:.9rem;font-weight:500}.profile-popup .plan-info .trial-countdown{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.8rem;color:#000;padding:4px 8px;background:#3f373614;border:1px solid rgba(63,55,54,.1);border-radius:4px;margin-top:0}.profile-popup .plan-info .trial-countdown svg{color:#000}.profile-popup .plan-info .trial-countdown span{color:#000;font-weight:500}.profile-popup .profile-menu{display:flex;flex-direction:column;gap:2px;margin-top:12px}.profile-popup .profile-menu .menu-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;color:var(--text-primary);font-size:.9rem;transition:all .2s ease;cursor:pointer}.profile-popup .profile-menu .menu-item:hover{background:#5279a30a;color:#5279a3}.profile-popup .profile-menu .menu-item:hover .item-icon{color:#5279a3}.profile-popup .profile-menu .menu-item .item-icon{color:var(--text-secondary);transition:color .2s ease}.profile-popup .logout{margin-top:12px;padding:8px 10px;border-top:1px solid rgba(82,121,163,.1);display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease;border-radius:6px}.profile-popup .logout:hover{background:#e66b6714;color:#e66b67}.profile-popup .logout:hover .item-icon{color:#e66b67}.profile-popup .logout .item-icon{color:var(--text-secondary);transition:color .2s ease}.profile-popup .menu-item.disabled{opacity:.5;cursor:not-allowed}.profile-card.anonymous .profile-header{padding-bottom:12px;margin-bottom:12px}.profile-card.anonymous .profile-header .avatar{background:linear-gradient(135deg,#e66b67,#ff8a86)}.profile-card.anonymous .anonymous-warning{padding:.5rem;background:#e66b6714;border-radius:8px;margin:.5rem 0}.profile-card.anonymous .anonymous-warning .title{color:#e66b67;display:flex;flex-direction:row;align-items:center;gap:8px}.profile-card.anonymous .anonymous-warning p{color:gray}.profile-card.anonymous .auth-buttons{display:flex;flex-direction:column;gap:8px;margin-top:16px}.profile-card.anonymous .auth-buttons button{width:100%;padding:10px;border-radius:6px;font-weight:500;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.profile-card.anonymous .auth-buttons button.sign-up{background:#000000e6;color:#fff;border:none}.profile-card.anonymous .auth-buttons button.sign-up:hover{box-shadow:0 4px 12px #3534344d}.profile-card.anonymous .auth-buttons button.sign-in{background:#fff;border:1px solid rgba(82,121,163,.2);color:var(--text-primary)}.profile-card.anonymous .auth-buttons button.sign-in:hover{background:#5279a30a}.topbar-videoheader{display:flex;justify-content:space-between;width:100%;align-items:center;padding:.5rem}.topbar-videoheader .video-header-title{display:flex;flex-direction:row;gap:.5rem;margin-left:1rem;align-items:baseline}.topbar-videoheader .video-header-title h3{max-width:600px;white-space:nowrap}@media (max-width: 1600px){.topbar-videoheader .video-header-title h3{max-width:350px}}.topbar-videoheader .video-header-title .video-header-title-extra-infos{display:flex;gap:1rem;color:gray;align-items:center}.topbar-videoheader .video-header-title .video-header-title-extra-infos .video-header-participants{cursor:pointer;display:flex;flex-direction:row;align-items:center}.topbar-videoheader .video-header-title .video-header-title-extra-infos .video-header-date{font-family:Roboto,sans-serif;font-size:18px;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1600px){.topbar-videoheader .video-header-title .video-header-title-extra-infos .video-header-date{font-size:16px}}@media (max-width: 768px){.topbar-videoheader .video-header-title .video-header-title-extra-infos .video-header-date{font-size:14px}}.topbar-videoheader .video-header-actions{display:flex;align-items:center;gap:12px}.topbar-videoheader .video-header-actions .user-initials-bubble-container{display:flex;gap:0;position:relative}.topbar-videoheader .video-header-actions .more-users-bubble,.topbar-videoheader .video-header-actions .initial-bubble{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:#ffffffd1;font-family:Raleway,sans-serif;font-weight:400;font-size:16px;text-transform:uppercase;margin-left:-8px}@media (max-width: 1600px){.topbar-videoheader .video-header-actions .more-users-bubble,.topbar-videoheader .video-header-actions .initial-bubble{font-size:14px}}.topbar-videoheader .video-header-actions .more-users-bubble:hover,.topbar-videoheader .video-header-actions .initial-bubble:hover{transform:scale(1.2);z-index:1}.topbar-videoheader .video-header-actions .more-users-bubble{background-color:#ededed;color:#000}.topbar-videoheader .video-header-actions .integration-icons{display:flex;gap:.5rem}.topbar-videoheader .video-header-actions .integration-icons .integration-icon-button{display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid #e0e0e0;border-radius:6px;background:transparent;color:#666;transition:all .2s ease}.topbar-videoheader .video-header-actions .integration-icons .integration-icon-button:hover{background:#f5f5f5}.topbar-videoheader .video-header-actions .integration-icons .integration-icon-button[style*="cursor: pointer"]:hover{border-color:#ccc}.topbar-videoheader .video-header-actions .integration-icons .integration-icon-button img{width:20px;height:20px;object-fit:contain}.topbar-videoheader .video-header-actions .primary{display:flex;align-items:center;gap:8px}.topbar-videoheader .delete-button:hover{color:#ed908c;background-color:#fbe5e4}.share-popup-container{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.share-popup-container .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.share-popup-container .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.share-popup-container .popup-title{font-size:16px}}.share-popup-container .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.share-popup-container .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.share-popup-container .popup-item-title{font-size:14px}}.share-popup-container .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.share-popup-container .popup{width:550px;gap:1rem}.share-popup-container .popup .copy-link button{background-color:#fff;color:#4979a3}.share-popup-container .popup .copy-link button:hover{color:#395f80}.share-popup-container .popup .popup-title{display:flex;flex-direction:row;align-items:center}.share-popup-container .popup .popup-title .title{cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.25rem;transition:color .2s ease;margin-right:1rem}.share-popup-container .popup .popup-title .title.not-displayed{color:#ababab}.share-popup-container .popup .popup-title .title.displayed{color:#000}.share-popup-container .popup .popup-title .title .vertical-divider{width:2px;height:18px;transition:opacity .2s ease;background-color:#000}.share-popup-container .popup .popup-title .title .vertical-divider.displayed{opacity:1}.share-popup-container .popup .popup-title .title .vertical-divider.not-displayed{opacity:0}.share-popup-container .popup .popup-content{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;max-height:80vh;overflow-y:auto}.share-popup-container .popup .popup-content .integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%}.share-popup-container .popup .popup-content .share-popup-protocol,.share-popup-container .popup .popup-content .share-popup-optiuser-sharing{width:100%;display:flex;flex-direction:row;gap:.5rem}.share-popup-container .popup .popup-content .share-popup-protocol input,.share-popup-container .popup .popup-content .share-popup-optiuser-sharing input{flex:1}.share-popup-container .popup .popup-content .public-share{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:gray;display:flex;flex-direction:row;align-items:center;gap:.25rem;box-sizing:border-box;padding:.5rem 0}@media (max-width: 1600px){.share-popup-container .popup .popup-content .public-share{font-size:13px}}.notion-popup-overlay{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.notion-popup-overlay .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.notion-popup-overlay .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.notion-popup-overlay .popup-title{font-size:16px}}.notion-popup-overlay .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.notion-popup-overlay .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.notion-popup-overlay .popup-item-title{font-size:14px}}.notion-popup-overlay .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.notion-popup-overlay .popup{width:800px;max-width:75%;max-height:80vh;gap:.5rem}.notion-popup-overlay .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.notion-popup-overlay .popup .popup-title{font-size:16px}}.notion-popup-overlay .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000;margin-bottom:1rem;overflow-y:auto;max-height:700px;padding:.5rem}@media (max-width: 1600px){.notion-popup-overlay .popup .popup-content{font-size:13px}}.notion-popup-overlay .popup .popup-content::-webkit-scrollbar{width:8px}.notion-popup-overlay .popup .popup-content::-webkit-scrollbar-track{background:#fff;border-radius:4px}.notion-popup-overlay .popup .popup-content::-webkit-scrollbar-thumb{background:#ababab;border-radius:4px}.notion-popup-overlay .popup .popup-content::-webkit-scrollbar-thumb:hover{background:#929292}.notion-popup-overlay .popup .popup-content .loading-container{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:20px 0}.notion-popup-overlay .popup .popup-content .suggested-deals-container{margin-bottom:1rem}.notion-popup-overlay .popup .popup-content .suggested-deals-container .title-with-tooltip{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.notion-popup-overlay .popup .popup-content .suggested-deals-container .title-with-tooltip{font-size:16px}}.notion-popup-overlay .popup .popup-content .auth-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:20px 0}.notion-popup-overlay .popup .popup-content .auth-container p{font-family:Roboto,sans-serif;font-size:18px;color:#000}@media (max-width: 1600px){.notion-popup-overlay .popup .popup-content .auth-container p{font-size:16px}}@media (max-width: 768px){.notion-popup-overlay .popup .popup-content .auth-container p{font-size:14px}}.notion-popup-overlay .popup .popup-button{display:flex;flex-direction:row;justify-content:center}.notion-popup-overlay .popup .summary-preview{display:flex;flex-direction:column;gap:.5rem}.notion-popup-overlay .popup .summary-preview .summary-content{border:1px solid #E6E6E6;border-radius:12px;padding:.5rem}.mapping-container{padding:20px 0}.mapping-container .mapping-row{display:flex;align-items:center;margin-bottom:20px;gap:20px}.mapping-container .mapping-row .mapping-label{min-width:150px;font-size:16px}.mapping-container .mapping-row .mapping-select{flex:1}.mapping-container .mapping-row .mapping-select .MuiSelect-select{padding:10px 15px}.slack-popup-overlay{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.slack-popup-overlay .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.slack-popup-overlay .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.slack-popup-overlay .popup-title{font-size:16px}}.slack-popup-overlay .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.slack-popup-overlay .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.slack-popup-overlay .popup-item-title{font-size:14px}}.slack-popup-overlay .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.slack-popup-overlay .popup{width:800px;max-width:75%;max-height:80vh;gap:.5rem}.slack-popup-overlay .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.slack-popup-overlay .popup .popup-title{font-size:16px}}.slack-popup-overlay .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000;margin-bottom:1rem;overflow-y:auto;max-height:700px;padding:.5rem}@media (max-width: 1600px){.slack-popup-overlay .popup .popup-content{font-size:13px}}.slack-popup-overlay .popup .popup-content::-webkit-scrollbar{width:8px}.slack-popup-overlay .popup .popup-content::-webkit-scrollbar-track{background:#fff;border-radius:4px}.slack-popup-overlay .popup .popup-content::-webkit-scrollbar-thumb{background:#ababab;border-radius:4px}.slack-popup-overlay .popup .popup-content::-webkit-scrollbar-thumb:hover{background:#929292}.slack-popup-overlay .popup .popup-content .loading-container{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:20px 0}.slack-popup-overlay .popup .popup-content .channels-selection{margin-bottom:1rem}.slack-popup-overlay .popup .popup-content .channels-selection h4{margin-bottom:.5rem;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.slack-popup-overlay .popup .popup-content .channels-selection h4{font-size:16px}}.slack-popup-overlay .popup .popup-content .channels-selection .MuiSelect-select{padding:10px 15px}.slack-popup-overlay .popup .popup-content .auth-container{display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;padding:1rem}.slack-popup-overlay .popup .popup-button{display:flex;flex-direction:row;justify-content:center}.slack-popup-overlay .popup .popup-button button{display:flex;align-items:center;gap:.5rem}.hubspot-popup-overlay{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.hubspot-popup-overlay .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.hubspot-popup-overlay .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.hubspot-popup-overlay .popup-title{font-size:16px}}.hubspot-popup-overlay .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.hubspot-popup-overlay .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.hubspot-popup-overlay .popup-item-title{font-size:14px}}.hubspot-popup-overlay .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.hubspot-popup-overlay .popup{width:800px;max-width:75%;max-height:80vh;gap:.5rem}.hubspot-popup-overlay .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.hubspot-popup-overlay .popup .popup-title{font-size:16px}}.hubspot-popup-overlay .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000;margin-bottom:1rem;overflow-y:auto;max-height:700px;padding:.5rem}@media (max-width: 1600px){.hubspot-popup-overlay .popup .popup-content{font-size:13px}}.hubspot-popup-overlay .popup .popup-content::-webkit-scrollbar{width:8px}.hubspot-popup-overlay .popup .popup-content::-webkit-scrollbar-track{background:#fff;border-radius:4px}.hubspot-popup-overlay .popup .popup-content::-webkit-scrollbar-thumb{background:#ababab;border-radius:4px}.hubspot-popup-overlay .popup .popup-content::-webkit-scrollbar-thumb:hover{background:#929292}.hubspot-popup-overlay .popup .popup-content .auth-container{display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;padding:1rem}.hubspot-popup-overlay .popup .popup-content .summary-preview{display:flex;flex-direction:column;gap:.5rem}.hubspot-popup-overlay .popup .popup-content .summary-preview .summary-content{border:1px solid #E6E6E6;border-radius:12px;padding:.5rem}.hubspot-popup-overlay .popup .popup-content .loading-container{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:20px 0}.hubspot-popup-overlay .popup .popup-content .suggested-deals-container{margin-bottom:1rem}.hubspot-popup-overlay .popup .popup-content .suggested-deals-container .title-with-tooltip{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.hubspot-popup-overlay .popup .popup-content .suggested-deals-container .title-with-tooltip .info-icon{cursor:help;display:flex;align-items:center}.hubspot-popup-overlay .popup .popup-content .suggested-deals-container .no-matches-message{color:#ababab;text-align:center;padding:1rem}.hubspot-popup-overlay .popup .popup-button{display:flex;flex-direction:row;justify-content:center}.planner-popup-overlay{background-color:#eaeaea66;width:100vw;height:100vh;z-index:1000;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1100}.planner-popup-overlay .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.planner-popup-overlay .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.planner-popup-overlay .popup-title{font-size:16px}}.planner-popup-overlay .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.planner-popup-overlay .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.planner-popup-overlay .popup-item-title{font-size:14px}}.planner-popup-overlay .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.planner-popup-overlay .popup{background:#fff;border-radius:12px;padding:1rem;width:800px;max-width:75%;max-height:80vh;gap:.5rem}.planner-popup-overlay .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.planner-popup-overlay .popup .popup-title{font-size:16px}}.planner-popup-overlay .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000;margin-bottom:1rem;overflow-y:auto;max-height:700px;padding:.5rem}@media (max-width: 1600px){.planner-popup-overlay .popup .popup-content{font-size:13px}}.planner-popup-overlay .popup .popup-content::-webkit-scrollbar{width:8px}.planner-popup-overlay .popup .popup-content::-webkit-scrollbar-track{background:#fff;border-radius:4px}.planner-popup-overlay .popup .popup-content::-webkit-scrollbar-thumb{background:#ababab;border-radius:4px}.planner-popup-overlay .popup .popup-content::-webkit-scrollbar-thumb:hover{background:#929292}.planner-popup-overlay .popup .popup-content .auth-container{display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;padding:1rem}.planner-popup-overlay .popup .popup-content .loading-container{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:20px 0}.planner-popup-overlay .popup .popup-content .task-title{width:100%;padding:.5rem;border:1px solid #E6E6E6;border-radius:8px;font-family:inherit}.planner-popup-overlay .popup .popup-content .task-title:focus{outline:none;border-color:#4979a3}.planner-popup-overlay .popup .popup-content .task-description{width:100%;padding:.5rem;border:1px solid #E6E6E6;border-radius:8px;resize:vertical;font-family:inherit;min-height:100px}.planner-popup-overlay .popup .popup-content .task-description:focus{outline:none;border-color:#4979a3}.planner-popup-overlay .popup .popup-button{display:flex;flex-direction:row;justify-content:center}.planner-popup-overlay .popup .popup-button button{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;font-weight:600;white-space:nowrap;padding:10px;border-radius:8px;cursor:pointer;transition:background-color .1s;border:none;outline:none;display:flex;flex-direction:row;justify-content:center;gap:5px;align-items:center;max-height:50px}@media (max-width: 1600px){.planner-popup-overlay .popup .popup-button button{font-size:13px}}.planner-popup-overlay .popup .popup-button button:focus,.planner-popup-overlay .popup .popup-button button:hover{outline:none}.planner-popup-overlay .popup .popup-button button.primary{background-color:#eeeffa;color:#4979a3}.planner-popup-overlay .popup .popup-button button.primary:hover{background-color:#c7caee}.planner-popup-overlay .popup .popup-button button.secondary{background-color:#000;color:#fff;font-family:Roboto,sans-serif;font-size:16px;font-weight:400}@media (max-width: 1600px){.planner-popup-overlay .popup .popup-button button.secondary{font-size:13px}}.planner-popup-overlay .popup .popup-button button.secondary:hover{background-color:#1a1a1a}.planner-popup-overlay .popup .popup-button button.tertiary{background-color:#f7f7f7;border:1px solid #edf2f5;color:#222325;font-family:Roboto,sans-serif;font-size:16px;font-weight:400}@media (max-width: 1600px){.planner-popup-overlay .popup .popup-button button.tertiary{font-size:13px}}.planner-popup-overlay .popup .popup-button button.tertiary:hover{background-color:#fff}.planner-popup-overlay .popup .popup-button button.quaternary{background-color:#eeeffa;color:#4979a3;border:1px solid #abc4da}.planner-popup-overlay .popup .popup-button button.quaternary:hover{background-color:#c7caee}.planner-popup-overlay .popup .popup-button button .icon{width:24px;display:flex;justify-content:center;align-items:center}.planner-popup-overlay .popup .popup-button button:disabled{background-color:#ededed;color:#ababab;cursor:default;opacity:.9}.planner-popup-overlay .popup .popup-button button:disabled:hover{background-color:#ededed}.settings-zapier-popup{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.settings-zapier-popup .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.settings-zapier-popup .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-zapier-popup .popup-title{font-size:16px}}.settings-zapier-popup .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.settings-zapier-popup .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.settings-zapier-popup .popup-item-title{font-size:14px}}.settings-zapier-popup .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.settings-zapier-popup .popup{width:410px;max-width:75%;max-height:80vh;gap:.5rem;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 20px #00000026}.settings-zapier-popup .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-zapier-popup .popup .popup-title{font-size:16px}}.settings-zapier-popup .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000}@media (max-width: 1600px){.settings-zapier-popup .popup .popup-content{font-size:13px}}.settings-zapier-popup .popup .popup-content .setting-item .api-key-container p{color:gray;margin-bottom:.5rem}.settings-zapier-popup .popup .popup-content .setting-item .api-key-container .api-key-wrapper{display:flex;align-items:center;background:#ededed;border-radius:5px;padding:.5rem}.settings-zapier-popup .popup .popup-content .setting-item .api-key-container .api-key-wrapper code{flex:1;font-family:monospace;word-break:break-all}.settings-zapier-popup .popup .popup-content .setting-item .api-key-container .api-key-wrapper .api-key-actions{display:flex;gap:.25rem;margin-left:.5rem}.settings-zapier-popup .popup .popup-content .setting-item .api-key-container .api-key-wrapper .api-key-actions .icon-button{background:none;border:none;padding:.25rem;cursor:pointer;color:gray;display:flex;align-items:center;justify-content:center;transition:color .2s}.settings-zapier-popup .popup .popup-content .setting-item .api-key-container .api-key-wrapper .api-key-actions .icon-button:hover{color:#000}.settings-zapier-popup .popup .popup-content .setting-item .api-key-container .api-key-wrapper .api-key-actions .icon-button svg{width:16px;height:16px}.settings-zapier-popup .popup .popup-content .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.settings-zapier-popup .popup .popup-content .loading{color:gray;text-align:center}.settings-zapier-popup .popup .info-box{background:#ededed;padding:.5rem;border-radius:5px;margin-bottom:1rem;color:gray;font-size:14px}.settings-zapier-popup .popup .info-box a{color:#4979a3;text-decoration:none}.settings-zapier-popup .popup .info-box a:hover{text-decoration:underline}.settings-teams-popup{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.settings-teams-popup .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.settings-teams-popup .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-teams-popup .popup-title{font-size:16px}}.settings-teams-popup .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.settings-teams-popup .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.settings-teams-popup .popup-item-title{font-size:14px}}.settings-teams-popup .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.settings-teams-popup .popup{width:400px;max-width:75%;max-height:80vh;gap:.5rem;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 20px #00000026}.settings-teams-popup .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-teams-popup .popup .popup-title{font-size:16px}}.settings-teams-popup .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000}@media (max-width: 1600px){.settings-teams-popup .popup .popup-content{font-size:13px}}.settings-teams-popup .popup .popup-content .setting-item label{display:flex;align-items:center;gap:.5rem;color:#000;cursor:pointer;font-size:14px}.settings-teams-popup .popup .popup-content .setting-item label input[type=checkbox]{width:16px;height:16px}.settings-teams-popup .popup .popup-button{display:flex;flex-direction:row;justify-content:center}.settings-pipedrive-popup{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.settings-pipedrive-popup .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.settings-pipedrive-popup .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-pipedrive-popup .popup-title{font-size:16px}}.settings-pipedrive-popup .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.settings-pipedrive-popup .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.settings-pipedrive-popup .popup-item-title{font-size:14px}}.settings-pipedrive-popup .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.settings-pipedrive-popup .popup{width:400px;max-width:75%;max-height:80vh;gap:.5rem;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 20px #00000026}.settings-pipedrive-popup .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-pipedrive-popup .popup .popup-title{font-size:16px}}.settings-pipedrive-popup .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000}@media (max-width: 1600px){.settings-pipedrive-popup .popup .popup-content{font-size:13px}}.settings-pipedrive-popup .popup .popup-content .setting-item label{display:flex;align-items:center;gap:.5rem;color:#000;cursor:pointer;font-size:14px}.settings-pipedrive-popup .popup .popup-content .setting-item label input[type=checkbox]{width:16px;height:16px}.settings-pipedrive-popup .popup .popup-button{display:flex;flex-direction:row;justify-content:center}.settings-aircall-popup{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.settings-aircall-popup .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.settings-aircall-popup .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-aircall-popup .popup-title{font-size:16px}}.settings-aircall-popup .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.settings-aircall-popup .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.settings-aircall-popup .popup-item-title{font-size:14px}}.settings-aircall-popup .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.settings-aircall-popup .popup{width:400px;max-width:75%;max-height:80vh;gap:.5rem;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 20px #00000026}.settings-aircall-popup .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-aircall-popup .popup .popup-title{font-size:16px}}.settings-aircall-popup .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000}@media (max-width: 1600px){.settings-aircall-popup .popup .popup-content{font-size:13px}}.settings-aircall-popup .popup .popup-content .popup-actions{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;width:100%}.settings-aircall-popup .popup .popup-content .popup-actions .action-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.settings-aircall-popup .popup .popup-content .popup-actions .action-group .title-with-tooltip{display:flex;flex-direction:row;align-items:center;gap:.5rem;margin-bottom:0}.settings-aircall-popup .popup .popup-content .popup-actions .action-group .title-with-tooltip .info-icon{cursor:help;display:flex;align-items:center;color:#000}.settings-aircall-popup .popup .popup-content .popup-actions .action-group .webhook-toggle{margin-left:0}.protocol-selector{display:flex;align-items:center;margin-top:8px}.protocol-selector .loading-indicator{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:14px}.protocol-selector div{max-width:100%;width:100%}.aircall-popup-overlay{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.aircall-popup-overlay .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.aircall-popup-overlay .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.aircall-popup-overlay .popup-title{font-size:16px}}.aircall-popup-overlay .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.aircall-popup-overlay .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.aircall-popup-overlay .popup-item-title{font-size:14px}}.aircall-popup-overlay .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.aircall-popup-overlay .popup{width:500px;max-width:75%;max-height:80vh;gap:.5rem}.aircall-popup-overlay .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.aircall-popup-overlay .popup .popup-title{font-size:16px}}.aircall-popup-overlay .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000;margin-bottom:1rem}@media (max-width: 1600px){.aircall-popup-overlay .popup .popup-content{font-size:13px}}.aircall-popup-overlay .popup .popup-content .call-selector{margin:1rem 0}.aircall-popup-overlay .popup .popup-button{display:flex;flex-direction:row;justify-content:center}.settings-jira-popup{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.settings-jira-popup .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.settings-jira-popup .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-jira-popup .popup-title{font-size:16px}}.settings-jira-popup .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.settings-jira-popup .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.settings-jira-popup .popup-item-title{font-size:14px}}.settings-jira-popup .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.settings-jira-popup .popup{width:400px;max-width:75%;max-height:80vh;gap:.5rem;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 20px #00000026}.settings-jira-popup .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-jira-popup .popup .popup-title{font-size:16px}}.settings-jira-popup .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000}@media (max-width: 1600px){.settings-jira-popup .popup .popup-content{font-size:13px}}.settings-jira-popup .popup .popup-content .setting-item label{display:flex;align-items:center;gap:.5rem;color:#000;cursor:pointer;font-size:14px}.settings-jira-popup .popup .popup-content .setting-item label input[type=checkbox]{width:16px;height:16px}.settings-jira-popup .popup .popup-button{display:flex;flex-direction:row;justify-content:center}.monday-popup-overlay{background-color:#eaeaea66;width:100vw;height:100vh;z-index:1000;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1100}.monday-popup-overlay .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.monday-popup-overlay .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.monday-popup-overlay .popup-title{font-size:16px}}.monday-popup-overlay .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.monday-popup-overlay .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.monday-popup-overlay .popup-item-title{font-size:14px}}.monday-popup-overlay .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.monday-popup-overlay .popup{background:#fff;border-radius:12px;padding:1rem;width:800px;max-width:75%;max-height:80vh;gap:.5rem}.monday-popup-overlay .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.monday-popup-overlay .popup .popup-title{font-size:16px}}.monday-popup-overlay .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000;margin-bottom:1rem;overflow-y:auto;max-height:700px;padding:.5rem}@media (max-width: 1600px){.monday-popup-overlay .popup .popup-content{font-size:13px}}.monday-popup-overlay .popup .popup-content::-webkit-scrollbar{width:8px}.monday-popup-overlay .popup .popup-content::-webkit-scrollbar-track{background:#fff;border-radius:4px}.monday-popup-overlay .popup .popup-content::-webkit-scrollbar-thumb{background:#ababab;border-radius:4px}.monday-popup-overlay .popup .popup-content::-webkit-scrollbar-thumb:hover{background:#929292}.monday-popup-overlay .popup .popup-content .auth-container{display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;padding:1rem}.monday-popup-overlay .popup .popup-content .loading-container{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:20px 0}.monday-popup-overlay .popup .popup-content .summary-preview{width:100%;padding:.5rem;border:1px solid #E6E6E6;border-radius:8px;font-family:inherit}.monday-popup-overlay .popup .popup-content .summary-preview:focus{outline:none;border-color:#4979a3}.monday-popup-overlay .popup .popup-button{display:flex;flex-direction:row;justify-content:center}.monday-popup-overlay .popup .popup-button button{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;font-weight:600;white-space:nowrap;padding:10px;border-radius:8px;cursor:pointer;transition:background-color .1s;border:none;outline:none;display:flex;flex-direction:row;justify-content:center;gap:5px;align-items:center;max-height:50px}@media (max-width: 1600px){.monday-popup-overlay .popup .popup-button button{font-size:13px}}.monday-popup-overlay .popup .popup-button button:focus,.monday-popup-overlay .popup .popup-button button:hover{outline:none}.monday-popup-overlay .popup .popup-button button.primary{background-color:#eeeffa;color:#4979a3}.monday-popup-overlay .popup .popup-button button.primary:hover{background-color:#c7caee}.monday-popup-overlay .popup .popup-button button.secondary{background-color:#000;color:#fff;font-family:Roboto,sans-serif;font-size:16px;font-weight:400}@media (max-width: 1600px){.monday-popup-overlay .popup .popup-button button.secondary{font-size:13px}}.monday-popup-overlay .popup .popup-button button.secondary:hover{background-color:#1a1a1a}.monday-popup-overlay .popup .popup-button button.tertiary{background-color:#f7f7f7;border:1px solid #edf2f5;color:#222325;font-family:Roboto,sans-serif;font-size:16px;font-weight:400}@media (max-width: 1600px){.monday-popup-overlay .popup .popup-button button.tertiary{font-size:13px}}.monday-popup-overlay .popup .popup-button button.tertiary:hover{background-color:#fff}.monday-popup-overlay .popup .popup-button button.quaternary{background-color:#eeeffa;color:#4979a3;border:1px solid #abc4da}.monday-popup-overlay .popup .popup-button button.quaternary:hover{background-color:#c7caee}.monday-popup-overlay .popup .popup-button button .icon{width:24px;display:flex;justify-content:center;align-items:center}.monday-popup-overlay .popup .popup-button button:disabled{background-color:#ededed;color:#ababab;cursor:default;opacity:.9}.monday-popup-overlay .popup .popup-button button:disabled:hover{background-color:#ededed}.settings-asana-popup{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.settings-asana-popup .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.settings-asana-popup .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-asana-popup .popup-title{font-size:16px}}.settings-asana-popup .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.settings-asana-popup .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.settings-asana-popup .popup-item-title{font-size:14px}}.settings-asana-popup .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.settings-asana-popup .popup{width:400px;max-width:75%;max-height:80vh;gap:.5rem;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 20px #00000026}.settings-asana-popup .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-asana-popup .popup .popup-title{font-size:16px}}.settings-asana-popup .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000}@media (max-width: 1600px){.settings-asana-popup .popup .popup-content{font-size:13px}}.settings-asana-popup .popup .popup-content .setting-item label{display:flex;align-items:center;gap:.5rem;color:#000;cursor:pointer;font-size:14px}.settings-asana-popup .popup .popup-content .setting-item label input[type=checkbox]{width:16px;height:16px}.settings-asana-popup .popup .popup-button{display:flex;flex-direction:row;justify-content:center}.settings-salesforce-popup{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.settings-salesforce-popup .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.settings-salesforce-popup .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-salesforce-popup .popup-title{font-size:16px}}.settings-salesforce-popup .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.settings-salesforce-popup .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.settings-salesforce-popup .popup-item-title{font-size:14px}}.settings-salesforce-popup .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.settings-salesforce-popup .popup{width:400px;max-width:75%;max-height:80vh;gap:.5rem;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 20px #00000026}.settings-salesforce-popup .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-salesforce-popup .popup .popup-title{font-size:16px}}.settings-salesforce-popup .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000}@media (max-width: 1600px){.settings-salesforce-popup .popup .popup-content{font-size:13px}}.settings-salesforce-popup .popup .popup-content .setting-item label{display:flex;align-items:center;gap:.5rem;color:#000;cursor:pointer;font-size:14px}.settings-salesforce-popup .popup .popup-content .setting-item label input[type=checkbox]{width:16px;height:16px}.settings-salesforce-popup .popup .popup-button{display:flex;flex-direction:row;justify-content:center}.email-list{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding:.5rem;border:1px solid #E6E6E6;border-radius:5px;scrollbar-width:none;-ms-overflow-style:none}.email-list::-webkit-scrollbar{width:0;height:0}.email-list::-webkit-scrollbar-thumb{background-color:transparent}.email-list::-webkit-scrollbar-track{background-color:transparent}.email-item{color:gray;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;display:flex;justify-content:space-between;align-items:center}@media (max-width: 1600px){.email-item{font-size:13px}}.email-item .revoke-icon{cursor:pointer}.sharing-autocomplete-container{width:100%;display:flex;flex-direction:row;gap:.5rem;align-items:center}.sharing-autocomplete-container .sharing-autocomplete-button{width:fit-content}.active-integration-thumb{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:1rem;box-sizing:border-box;height:100%;border:1px solid #E6E6E6;border-radius:12px}.active-integration-thumb .active-integration-thumb-icon{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:.5rem}.active-integration-thumb .active-integration-thumb-icon img{width:36px;height:36px;object-fit:contain}.active-integration-thumb .active-integration-thumb-icon h4{text-align:center;font-size:1.1rem;margin-top:4px}.active-integration-thumb .secondary{width:100%}.active-integration-thumb .secondary button{width:100%;display:flex;justify-content:center;align-items:center;gap:.25rem;font-size:1rem;padding:8px 0}.teams-popup-overlay{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.teams-popup-overlay .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.teams-popup-overlay .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.teams-popup-overlay .popup-title{font-size:16px}}.teams-popup-overlay .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.teams-popup-overlay .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.teams-popup-overlay .popup-item-title{font-size:14px}}.teams-popup-overlay .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.teams-popup-overlay .popup{width:800px;max-width:75%;max-height:80vh;gap:.5rem}.teams-popup-overlay .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.teams-popup-overlay .popup .popup-title{font-size:16px}}.teams-popup-overlay .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000;margin-bottom:1rem;overflow-y:auto;max-height:700px;padding:.5rem}@media (max-width: 1600px){.teams-popup-overlay .popup .popup-content{font-size:13px}}.teams-popup-overlay .popup .popup-content::-webkit-scrollbar{width:8px}.teams-popup-overlay .popup .popup-content::-webkit-scrollbar-track{background:#fff;border-radius:4px}.teams-popup-overlay .popup .popup-content::-webkit-scrollbar-thumb{background:#ababab;border-radius:4px}.teams-popup-overlay .popup .popup-content::-webkit-scrollbar-thumb:hover{background:#929292}.teams-popup-overlay .popup .popup-content .loading-container{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:20px 0}.teams-popup-overlay .popup .popup-content .teams-selection,.teams-popup-overlay .popup .popup-content .channels-selection{margin-bottom:1rem}.teams-popup-overlay .popup .popup-content .teams-selection h4,.teams-popup-overlay .popup .popup-content .channels-selection h4{margin-bottom:.5rem;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.teams-popup-overlay .popup .popup-content .teams-selection h4,.teams-popup-overlay .popup .popup-content .channels-selection h4{font-size:16px}}.teams-popup-overlay .popup .popup-content .teams-selection .MuiSelect-select,.teams-popup-overlay .popup .popup-content .channels-selection .MuiSelect-select{padding:10px 15px}.teams-popup-overlay .popup .popup-content .auth-container{display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;padding:1rem}.teams-popup-overlay .popup .popup-button{display:flex;flex-direction:row;justify-content:center}.teams-popup-overlay .popup .popup-button button{display:flex;align-items:center;gap:.5rem}.summary-preview{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.summary-preview h4{margin-bottom:.5rem;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.summary-preview h4{font-size:16px}}.summary-preview .summary-content{border:1px solid #E6E6E6;padding:.5rem;background-color:#fff;border-radius:4px}.summary-preview .summary-content>div{height:100%;width:100%;min-height:200px}.pipedrive-popup-overlay{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.pipedrive-popup-overlay .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.pipedrive-popup-overlay .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.pipedrive-popup-overlay .popup-title{font-size:16px}}.pipedrive-popup-overlay .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.pipedrive-popup-overlay .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.pipedrive-popup-overlay .popup-item-title{font-size:14px}}.pipedrive-popup-overlay .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.pipedrive-popup-overlay .popup{width:800px;max-width:75%;max-height:80vh;gap:.5rem;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 20px #00000026}.pipedrive-popup-overlay .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.pipedrive-popup-overlay .popup .popup-title{font-size:16px}}.pipedrive-popup-overlay .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000;margin-bottom:1rem;overflow-y:auto;max-height:700px;padding:.5rem}@media (max-width: 1600px){.pipedrive-popup-overlay .popup .popup-content{font-size:13px}}.pipedrive-popup-overlay .popup .popup-content::-webkit-scrollbar{width:8px}.pipedrive-popup-overlay .popup .popup-content::-webkit-scrollbar-track{background:#fff;border-radius:4px}.pipedrive-popup-overlay .popup .popup-content::-webkit-scrollbar-thumb{background:#ababab;border-radius:4px}.pipedrive-popup-overlay .popup .popup-content::-webkit-scrollbar-thumb:hover{background:#929292}.pipedrive-popup-overlay .popup .popup-content .auth-container{display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;padding:1rem}.pipedrive-popup-overlay .popup .popup-content .summary-preview{display:flex;flex-direction:column;gap:.5rem}.pipedrive-popup-overlay .popup .popup-content .summary-preview .summary-content{border:1px solid #E6E6E6;border-radius:12px;padding:.5rem}.pipedrive-popup-overlay .popup .popup-content .loading-container{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:20px 0}.pipedrive-popup-overlay .popup .popup-content .suggested-deals-container{margin-bottom:1rem}.pipedrive-popup-overlay .popup .popup-content .suggested-deals-container .title-with-tooltip{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.pipedrive-popup-overlay .popup .popup-content .suggested-deals-container .title-with-tooltip .info-icon{cursor:help;display:flex;align-items:center}.pipedrive-popup-overlay .popup .popup-content .suggested-deals-container .no-matches-message{color:#ababab;text-align:center;padding:1rem}.pipedrive-popup-overlay .popup .popup-button{display:flex;flex-direction:row;justify-content:center}.pipedrive-popup-overlay .popup .popup-button button{display:flex;align-items:center;gap:.5rem}.pipedrive-popup-overlay .popup .popup-button button .icon{display:flex;align-items:center}.jira-popup-overlay{background-color:#eaeaea66;width:100vw;height:100vh;z-index:1000;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1100}.jira-popup-overlay .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.jira-popup-overlay .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.jira-popup-overlay .popup-title{font-size:16px}}.jira-popup-overlay .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.jira-popup-overlay .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.jira-popup-overlay .popup-item-title{font-size:14px}}.jira-popup-overlay .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.jira-popup-overlay .popup{background:#fff;border-radius:12px;padding:1rem;width:800px;max-width:75%;max-height:80vh;gap:.5rem}.jira-popup-overlay .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.jira-popup-overlay .popup .popup-title{font-size:16px}}.jira-popup-overlay .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000;margin-bottom:1rem;overflow-y:auto;max-height:700px;padding:.5rem}@media (max-width: 1600px){.jira-popup-overlay .popup .popup-content{font-size:13px}}.jira-popup-overlay .popup .popup-content::-webkit-scrollbar{width:8px}.jira-popup-overlay .popup .popup-content::-webkit-scrollbar-track{background:#fff;border-radius:4px}.jira-popup-overlay .popup .popup-content::-webkit-scrollbar-thumb{background:#ababab;border-radius:4px}.jira-popup-overlay .popup .popup-content::-webkit-scrollbar-thumb:hover{background:#929292}.jira-popup-overlay .popup .popup-content .auth-container{display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;padding:1rem}.jira-popup-overlay .popup .popup-content .loading-container{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:20px 0}.jira-popup-overlay .popup .popup-content .summary-preview{width:100%;padding:.5rem;border:1px solid #E6E6E6;border-radius:8px;font-family:inherit}.jira-popup-overlay .popup .popup-content .summary-preview:focus{outline:none;border-color:#4979a3}.jira-popup-overlay .popup .popup-button{display:flex;flex-direction:row;justify-content:center}.jira-popup-overlay .popup .popup-button button{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;font-weight:600;white-space:nowrap;padding:10px;border-radius:8px;cursor:pointer;transition:background-color .1s;border:none;outline:none;display:flex;flex-direction:row;justify-content:center;gap:5px;align-items:center;max-height:50px}@media (max-width: 1600px){.jira-popup-overlay .popup .popup-button button{font-size:13px}}.jira-popup-overlay .popup .popup-button button:focus,.jira-popup-overlay .popup .popup-button button:hover{outline:none}.jira-popup-overlay .popup .popup-button button.primary{background-color:#eeeffa;color:#4979a3}.jira-popup-overlay .popup .popup-button button.primary:hover{background-color:#c7caee}.jira-popup-overlay .popup .popup-button button.secondary{background-color:#000;color:#fff;font-family:Roboto,sans-serif;font-size:16px;font-weight:400}@media (max-width: 1600px){.jira-popup-overlay .popup .popup-button button.secondary{font-size:13px}}.jira-popup-overlay .popup .popup-button button.secondary:hover{background-color:#1a1a1a}.jira-popup-overlay .popup .popup-button button.tertiary{background-color:#f7f7f7;border:1px solid #edf2f5;color:#222325;font-family:Roboto,sans-serif;font-size:16px;font-weight:400}@media (max-width: 1600px){.jira-popup-overlay .popup .popup-button button.tertiary{font-size:13px}}.jira-popup-overlay .popup .popup-button button.tertiary:hover{background-color:#fff}.jira-popup-overlay .popup .popup-button button.quaternary{background-color:#eeeffa;color:#4979a3;border:1px solid #abc4da}.jira-popup-overlay .popup .popup-button button.quaternary:hover{background-color:#c7caee}.jira-popup-overlay .popup .popup-button button .icon{width:24px;display:flex;justify-content:center;align-items:center}.jira-popup-overlay .popup .popup-button button:disabled{background-color:#ededed;color:#ababab;cursor:default;opacity:.9}.jira-popup-overlay .popup .popup-button button:disabled:hover{background-color:#ededed}.asana-popup-overlay{background-color:#eaeaea66;width:100vw;height:100vh;z-index:1000;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1100}.asana-popup-overlay .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.asana-popup-overlay .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.asana-popup-overlay .popup-title{font-size:16px}}.asana-popup-overlay .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.asana-popup-overlay .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.asana-popup-overlay .popup-item-title{font-size:14px}}.asana-popup-overlay .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.asana-popup-overlay .popup{background:#fff;border-radius:12px;padding:1rem;width:800px;max-width:75%;max-height:80vh;gap:.5rem}.asana-popup-overlay .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.asana-popup-overlay .popup .popup-title{font-size:16px}}.asana-popup-overlay .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000;margin-bottom:1rem;overflow-y:auto;max-height:700px;padding:.5rem}@media (max-width: 1600px){.asana-popup-overlay .popup .popup-content{font-size:13px}}.asana-popup-overlay .popup .popup-content::-webkit-scrollbar{width:8px}.asana-popup-overlay .popup .popup-content::-webkit-scrollbar-track{background:#fff;border-radius:4px}.asana-popup-overlay .popup .popup-content::-webkit-scrollbar-thumb{background:#ababab;border-radius:4px}.asana-popup-overlay .popup .popup-content::-webkit-scrollbar-thumb:hover{background:#929292}.asana-popup-overlay .popup .popup-content .auth-container{display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;padding:1rem}.asana-popup-overlay .popup .popup-content .loading-container{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:20px 0}.asana-popup-overlay .popup .popup-content .summary-preview{width:100%;padding:.5rem;border:1px solid #E6E6E6;border-radius:8px;font-family:inherit}.asana-popup-overlay .popup .popup-content .summary-preview:focus{outline:none;border-color:#4979a3}.asana-popup-overlay .popup .popup-button{display:flex;flex-direction:row;justify-content:center}.asana-popup-overlay .popup .popup-button button{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;font-weight:600;white-space:nowrap;padding:10px;border-radius:8px;cursor:pointer;transition:background-color .1s;border:none;outline:none;display:flex;flex-direction:row;justify-content:center;gap:5px;align-items:center;max-height:50px}@media (max-width: 1600px){.asana-popup-overlay .popup .popup-button button{font-size:13px}}.asana-popup-overlay .popup .popup-button button:focus,.asana-popup-overlay .popup .popup-button button:hover{outline:none}.asana-popup-overlay .popup .popup-button button.primary{background-color:#eeeffa;color:#4979a3}.asana-popup-overlay .popup .popup-button button.primary:hover{background-color:#c7caee}.asana-popup-overlay .popup .popup-button button.secondary{background-color:#000;color:#fff;font-family:Roboto,sans-serif;font-size:16px;font-weight:400}@media (max-width: 1600px){.asana-popup-overlay .popup .popup-button button.secondary{font-size:13px}}.asana-popup-overlay .popup .popup-button button.secondary:hover{background-color:#1a1a1a}.asana-popup-overlay .popup .popup-button button.tertiary{background-color:#f7f7f7;border:1px solid #edf2f5;color:#222325;font-family:Roboto,sans-serif;font-size:16px;font-weight:400}@media (max-width: 1600px){.asana-popup-overlay .popup .popup-button button.tertiary{font-size:13px}}.asana-popup-overlay .popup .popup-button button.tertiary:hover{background-color:#fff}.asana-popup-overlay .popup .popup-button button.quaternary{background-color:#eeeffa;color:#4979a3;border:1px solid #abc4da}.asana-popup-overlay .popup .popup-button button.quaternary:hover{background-color:#c7caee}.asana-popup-overlay .popup .popup-button button .icon{width:24px;display:flex;justify-content:center;align-items:center}.asana-popup-overlay .popup .popup-button button:disabled{background-color:#ededed;color:#ababab;cursor:default;opacity:.9}.asana-popup-overlay .popup .popup-button button:disabled:hover{background-color:#ededed}.salesforce-popup-overlay{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.salesforce-popup-overlay .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.salesforce-popup-overlay .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.salesforce-popup-overlay .popup-title{font-size:16px}}.salesforce-popup-overlay .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.salesforce-popup-overlay .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.salesforce-popup-overlay .popup-item-title{font-size:14px}}.salesforce-popup-overlay .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.salesforce-popup-overlay .popup{width:800px;max-width:75%;max-height:80vh;gap:.5rem}.salesforce-popup-overlay .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.salesforce-popup-overlay .popup .popup-title{font-size:16px}}.salesforce-popup-overlay .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000;margin-bottom:1rem;overflow-y:auto;max-height:700px;padding:.5rem}@media (max-width: 1600px){.salesforce-popup-overlay .popup .popup-content{font-size:13px}}.salesforce-popup-overlay .popup .popup-content::-webkit-scrollbar{width:8px}.salesforce-popup-overlay .popup .popup-content::-webkit-scrollbar-track{background:#fff;border-radius:4px}.salesforce-popup-overlay .popup .popup-content::-webkit-scrollbar-thumb{background:#ababab;border-radius:4px}.salesforce-popup-overlay .popup .popup-content::-webkit-scrollbar-thumb:hover{background:#929292}.salesforce-popup-overlay .popup .popup-content .auth-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:20px 0}.salesforce-popup-overlay .popup .popup-content .auth-container p{font-family:Roboto,sans-serif;font-size:18px;color:#000}@media (max-width: 1600px){.salesforce-popup-overlay .popup .popup-content .auth-container p{font-size:16px}}@media (max-width: 768px){.salesforce-popup-overlay .popup .popup-content .auth-container p{font-size:14px}}.salesforce-popup-overlay .popup .popup-button{display:flex;flex-direction:row;justify-content:center}.salesforce-popup-overlay .popup .summary-preview{display:flex;flex-direction:column;gap:.5rem}.salesforce-popup-overlay .popup .summary-preview .summary-content{border:1px solid #E6E6E6;border-radius:12px;padding:.5rem}.n8n-popup-overlay{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.n8n-popup-overlay .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.n8n-popup-overlay .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.n8n-popup-overlay .popup-title{font-size:16px}}.n8n-popup-overlay .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.n8n-popup-overlay .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.n8n-popup-overlay .popup-item-title{font-size:14px}}.n8n-popup-overlay .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.n8n-popup-overlay .popup{width:800px;max-width:75%;max-height:80vh;min-height:400px;gap:.5rem;padding:24px;border-radius:8px;background-color:#fff;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column}.n8n-popup-overlay .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700;margin-bottom:20px}@media (max-width: 1600px){.n8n-popup-overlay .popup .popup-title{font-size:16px}}.n8n-popup-overlay .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#333;margin-bottom:1rem;overflow-y:auto;flex:1;max-height:550px;padding:.5rem}@media (max-width: 1600px){.n8n-popup-overlay .popup .popup-content{font-size:13px}}.n8n-popup-overlay .popup .popup-content::-webkit-scrollbar{width:8px}.n8n-popup-overlay .popup .popup-content::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.n8n-popup-overlay .popup .popup-content::-webkit-scrollbar-thumb{background:#c4c4c4;border-radius:4px}.n8n-popup-overlay .popup .popup-content::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.n8n-popup-overlay .popup .popup-content .webhook-url-container{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.n8n-popup-overlay .popup .popup-content .webhook-url-container .webhook-input{padding:12px;border:1px solid #e0e0e0;border-radius:4px;width:100%;font-size:14px;line-height:1.5;height:44px}.n8n-popup-overlay .popup .popup-content .webhook-url-container .webhook-input:focus{outline:none;border-color:#1976d2}.n8n-popup-overlay .popup .popup-content .summary-preview{display:flex;flex-direction:column;gap:.5rem;flex:1}.n8n-popup-overlay .popup .popup-content .summary-preview .summary-content{padding:1rem;min-height:200px;border-radius:4px;border:1px solid #e0e0e0;background-color:#fff}.n8n-popup-overlay .popup .popup-content .loading-container{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:20px 0}.n8n-popup-overlay .popup .popup-footer{display:flex;flex-direction:row;justify-content:center;margin-top:auto;padding-top:16px}.attio-popup-overlay{background-color:#eaeaea66;width:100vw;height:100vh;z-index:1000;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1100}.attio-popup-overlay .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.attio-popup-overlay .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.attio-popup-overlay .popup-title{font-size:16px}}.attio-popup-overlay .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.attio-popup-overlay .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.attio-popup-overlay .popup-item-title{font-size:14px}}.attio-popup-overlay .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.attio-popup-overlay .popup{background:#fff;border-radius:12px;padding:1rem;width:800px;max-width:75%;max-height:80vh;gap:.5rem}.attio-popup-overlay .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.attio-popup-overlay .popup .popup-title{font-size:16px}}.attio-popup-overlay .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000;margin-bottom:1rem;overflow-y:auto;max-height:700px;padding:.5rem}@media (max-width: 1600px){.attio-popup-overlay .popup .popup-content{font-size:13px}}.attio-popup-overlay .popup .popup-content::-webkit-scrollbar{width:8px}.attio-popup-overlay .popup .popup-content::-webkit-scrollbar-track{background:#fff;border-radius:4px}.attio-popup-overlay .popup .popup-content::-webkit-scrollbar-thumb{background:#ababab;border-radius:4px}.attio-popup-overlay .popup .popup-content::-webkit-scrollbar-thumb:hover{background:#929292}.attio-popup-overlay .popup .popup-content .auth-container{display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;padding:1rem}.attio-popup-overlay .popup .popup-content .loading-container{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:20px 0}.attio-popup-overlay .popup .popup-content .summary-preview{width:100%;padding:.5rem;border:1px solid #E6E6E6;border-radius:8px;font-family:inherit}.attio-popup-overlay .popup .popup-content .summary-preview:focus{outline:none;border-color:#4979a3}.attio-popup-overlay .popup .popup-button{display:flex;flex-direction:row;justify-content:center}.attio-popup-overlay .popup .popup-button button{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;font-weight:600;white-space:nowrap;padding:10px;border-radius:8px;cursor:pointer;transition:background-color .1s;border:none;outline:none;display:flex;flex-direction:row;justify-content:center;gap:5px;align-items:center;max-height:50px}@media (max-width: 1600px){.attio-popup-overlay .popup .popup-button button{font-size:13px}}.attio-popup-overlay .popup .popup-button button:focus,.attio-popup-overlay .popup .popup-button button:hover{outline:none}.attio-popup-overlay .popup .popup-button button.primary{background-color:#eeeffa;color:#4979a3}.attio-popup-overlay .popup .popup-button button.primary:hover{background-color:#c7caee}.attio-popup-overlay .popup .popup-button button.secondary{background-color:#000;color:#fff;font-family:Roboto,sans-serif;font-size:16px;font-weight:400}@media (max-width: 1600px){.attio-popup-overlay .popup .popup-button button.secondary{font-size:13px}}.attio-popup-overlay .popup .popup-button button.secondary:hover{background-color:#1a1a1a}.attio-popup-overlay .popup .popup-button button.tertiary{background-color:#f7f7f7;border:1px solid #edf2f5;color:#222325;font-family:Roboto,sans-serif;font-size:16px;font-weight:400}@media (max-width: 1600px){.attio-popup-overlay .popup .popup-button button.tertiary{font-size:13px}}.attio-popup-overlay .popup .popup-button button.tertiary:hover{background-color:#fff}.attio-popup-overlay .popup .popup-button button.quaternary{background-color:#eeeffa;color:#4979a3;border:1px solid #abc4da}.attio-popup-overlay .popup .popup-button button.quaternary:hover{background-color:#c7caee}.attio-popup-overlay .popup .popup-button button .icon{width:24px;display:flex;justify-content:center;align-items:center}.attio-popup-overlay .popup .popup-button button:disabled{background-color:#ededed;color:#ababab;cursor:default;opacity:.9}.attio-popup-overlay .popup .popup-button button:disabled:hover{background-color:#ededed}.topbar-kanbanheader{display:flex;justify-content:space-between;width:100%;align-items:center;padding:.5rem}.topbar-kanbanheader .kanban-header-title{display:flex;flex-direction:row;gap:.5rem;margin-left:1rem;align-items:baseline}.topbar-kanbanheader .kanban-header-title h3{max-width:600px;white-space:nowrap}@media (max-width: 1600px){.topbar-kanbanheader .kanban-header-title h3{max-width:350px}}.topbar-kanbanheader .kanban-header-actions{display:flex;align-items:center;gap:12px}.topbar-kanbanheader .kanban-header-actions .user-initials-bubble-container{display:flex;gap:0;position:relative}.topbar-kanbanheader .kanban-header-actions .more-users-bubble,.topbar-kanbanheader .kanban-header-actions .initial-bubble{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:#ffffffd1;font-family:Raleway,sans-serif;font-weight:400;font-size:16px;text-transform:uppercase;margin-left:-8px}@media (max-width: 1600px){.topbar-kanbanheader .kanban-header-actions .more-users-bubble,.topbar-kanbanheader .kanban-header-actions .initial-bubble{font-size:14px}}.topbar-kanbanheader .kanban-header-actions .more-users-bubble:hover,.topbar-kanbanheader .kanban-header-actions .initial-bubble:hover{transform:scale(1.2);z-index:1}.topbar-kanbanheader .kanban-header-actions .more-users-bubble{background-color:#ededed;color:#000}.topbar-kanbanheader .kanban-header-actions .primary{display:flex;align-items:center;gap:8px}.topbar-kanbanheader .delete-button:hover{color:#ed908c;background-color:#fbe5e4}.notification-center{position:relative}.notification-center-header{cursor:pointer;color:#595959;padding:.25rem;display:flex;align-items:center;justify-content:center;border:1px solid #E6E6E6;border-radius:12px;border:2px solid #EEEFFA}.notification-center-header.is-running{animation:pulse-shadow 2s infinite}.notification-center-header.has-success{color:#0e7212;border-color:#b5ddb6;background-color:#ebf7eb;animation:none}.notification-center-header.has-failure{color:#ce4d4d;border-color:#ce4d4d;background-color:#d195921a;animation:none}.upload-notifications{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:8px;min-width:200px;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;z-index:1000;display:flex;flex-direction:column;align-items:center;gap:.5rem}.upload-notifications.visible{opacity:1;visibility:visible}.upload-notification{margin-bottom:8px}.upload-notification:last-child{margin-bottom:0}@keyframes pulse-shadow{0%{box-shadow:0 0 #4979a366}70%{box-shadow:0 0 0 5px #4979a300}to{box-shadow:0 0 #4979a300}}.progress-tree-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.progress-tree-container .progress-tree{display:flex;align-items:center;justify-content:center;margin:40px 0 50px}.progress-tree-container .progress-tree .node{width:20px;height:20px;background-color:#8cb8dd;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 10px;font-weight:700;transition:background-color .5s ease-in-out;border:none;position:relative;z-index:1}.progress-tree-container .progress-tree .node.active{background-color:#16a816;color:#fff;margin:10px}.progress-tree-container .progress-tree .node.failed{background-color:red;color:red}.progress-tree-container .progress-tree .node.complete{background-color:#16a816;color:#16a816}@media screen and (max-width: 1024px){.progress-tree-container .progress-tree .node{width:16px;height:16px}}@media screen and (max-width: 768px){.progress-tree-container .progress-tree .node{width:14px;height:14px}}.progress-tree-container .progress-tree .line-progress{height:3px;border-radius:5px;width:110px;background-color:#9b9c9c;opacity:.5;transition:background-color .5s ease-in-out;position:relative;z-index:0}.progress-tree-container .progress-tree .line-progress.processed{background-color:#16a816;opacity:.9}.progress-tree-container .progress-tree .line-progress.activated{background-color:#16a816;animation:pulse 2s infinite}.progress-tree-container .progress-tree .line-progress.failed{background-color:red;color:red}.progress-tree-container .progress-tree .line-progress.complete{background-color:#16a816;color:#16a816}@media screen and (max-width: 1024px){.progress-tree-container .progress-tree .line-progress{width:88px;height:2.5px}}@media screen and (max-width: 768px){.progress-tree-container .progress-tree .line-progress{width:calc(110px * .33);height:2px}}.progress-tree-container .helper-text{text-align:center}@keyframes pulse{0%{opacity:.7;box-shadow:0 0 5px 2px #16a816}50%{opacity:1;box-shadow:0 0 20px 5px #16a816}to{opacity:.7;box-shadow:0 0 5px 2px #16a816}}.node-label-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:68px}.node-label-container .node-label{width:0px;display:flex;align-items:center;justify-content:center;font-size:.75em;color:#000}.progress-tree.mini{margin:0}.progress-tree.mini .node{width:8px;height:8px;margin:0 5px}.progress-tree.mini .line-progress{width:50px;height:3px}.progress-tree .node .label-div,.progress-tree .node.active{color:#000}.profile-icon{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1;height:100%;min-height:40px}.profile-icon .cool-placeholder,.profile-icon img{width:100%;height:100%;border-radius:50%;opacity:.7}.profile-icon .cool-placeholder{color:#fff;display:flex;justify-content:center;align-items:center;background-color:#4979a3;font-size:1rem;font-weight:700}.profile-icon.big .cool-placeholder{font-size:2rem}.navbar-wrapper{height:100vh;display:flex;width:225px;transition:width .2s ease;position:relative;overflow:visible}.navbar-wrapper.collapsed{width:65px}.navbar-wrapper.collapsed:hover .navbar{width:225px;position:absolute;left:0;top:0;height:100%;z-index:100}.navbar-wrapper.collapsed:hover .navbar .logo-full{display:block}.navbar-wrapper.collapsed:hover .navbar .logo-small{display:none}.navbar-wrapper.collapsed:hover .navbar .link-text{opacity:1;visibility:visible}.navbar-wrapper.collapsed .navbar{width:65px}.navbar-wrapper.collapsed .navbar .logo-full{display:none}.navbar-wrapper.collapsed .navbar .logo-small{display:block}.navbar-wrapper.collapsed .navbar .link-text{opacity:0;visibility:hidden}.navbar{width:225px;background:#edebeb;transition:width .2s ease;z-index:99;box-shadow:3px 0 4px #d9d9d936;overflow-x:hidden;overflow-y:hidden;display:flex;flex-direction:column;height:100%}.navbar .logo-small{display:none}.navbar .logo-container{padding:1.5rem;display:flex;justify-content:center;align-items:center}.navbar .logo-container img{max-height:28px}.navbar .divider{margin:.75rem auto;width:60%;height:2px;background:#d5d5d5}.navbar .nav-section{padding:.5rem 0}.navbar .nav-section .nav-item{display:flex;align-items:center;padding:.4rem 1.3rem;color:#000;text-decoration:none;white-space:nowrap;transition:background-color .1s;height:35px}.navbar .nav-section .nav-item:hover{background:#fbfbfb}.navbar .nav-section .nav-item.selected{background:#fbfbfb;font-weight:500}.navbar .nav-section .nav-item .icon{min-width:35px;font-size:1.5rem;display:flex;align-items:center}.navbar .nav-section .nav-item .link-text{transition:opacity .2s ease,visibility .2s ease;display:flex;align-items:center;height:24px}.navbar .nav-section .nav-item.disabled{opacity:.5;pointer-events:none}.beta-tag{font-size:.7rem;padding:2px 6px;margin-left:8px;border:1px solid #2196f3;border-radius:12px;color:#2196f3;background-color:transparent}.gamification-dashboard-container{flex-grow:1;min-height:0;overflow:hidden;margin-bottom:.5rem;border-radius:12px}.gamification-dashboard-container .check-icon{color:#ccc}.gamification-dashboard-container .check-icon.checked{color:#88c99e}.gamification-dashboard-container .circular-progress-wrapper{display:none}.gamification-dashboard-container .gamification-dashboard{display:flex;flex-direction:column;gap:.25rem;border:1px solid #E6E6E6;border-radius:12px;padding:.5rem;margin:.5rem;box-shadow:0 1px 3px #0000001a;transition:all .3s ease;background-color:#f9f8f8;position:relative;max-height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,.05);box-sizing:border-box}.gamification-dashboard-container .gamification-dashboard::-webkit-scrollbar{width:4px;height:4px}.gamification-dashboard-container .gamification-dashboard::-webkit-scrollbar-track{background:#0000000d;border-radius:2px}.gamification-dashboard-container .gamification-dashboard::-webkit-scrollbar-thumb{background:#0003;border-radius:2px;transition:all .2s ease}.gamification-dashboard-container .gamification-dashboard::-webkit-scrollbar-thumb:hover{background:#0000004d;transform:scaleX(1.1)}.gamification-dashboard-container .gamification-dashboard::-webkit-scrollbar-thumb:active{background:#0006}.gamification-dashboard-container .gamification-dashboard .hover-dashboard,.gamification-dashboard-container .gamification-dashboard.collapsed .objectives-list{display:none}.gamification-dashboard-container .gamification-dashboard.collapsed .compact-checkboxes{display:flex}.gamification-dashboard-container .gamification-dashboard.collapsed .progress-indicator,.gamification-dashboard-container .gamification-dashboard.collapsed .progress-count{display:none}.gamification-dashboard-container .gamification-dashboard.expanded .objectives-list{display:flex}.gamification-dashboard-container .gamification-dashboard.expanded .compact-checkboxes{display:none}.gamification-dashboard-container .gamification-dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.gamification-dashboard-container .gamification-dashboard .dashboard-header:hover{opacity:.9}.gamification-dashboard-container .gamification-dashboard .dashboard-header .header-content{display:flex;align-items:center;gap:.5rem}.gamification-dashboard-container .gamification-dashboard .dashboard-header .progress-count{font-size:.9rem;color:#666;font-weight:500}.gamification-dashboard-container .gamification-dashboard .dashboard-header .header-actions{display:flex;align-items:center;gap:8px;color:#666}.gamification-dashboard-container .gamification-dashboard .dashboard-header .hide-button{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.gamification-dashboard-container .gamification-dashboard .dashboard-header .hide-button:hover{color:#000;background:#e6e6e6}.gamification-dashboard-container .gamification-dashboard .progress-indicator{width:100%;height:6px;background-color:#e9ecef;border-radius:3px;margin-bottom:12px;overflow:hidden}.gamification-dashboard-container .gamification-dashboard .progress-indicator .progress-bar{height:100%;background-color:#88c99e;transition:width .3s ease}.gamification-dashboard-container .gamification-dashboard .compact-checkboxes{display:none;flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin:.25rem 0}.gamification-dashboard-container .gamification-dashboard .compact-checkboxes .compact-checkbox{display:flex;align-items:center;justify-content:center}.gamification-dashboard-container .gamification-dashboard .objectives-list{display:none;flex-direction:column;gap:.25rem;margin-top:.25rem}.gamification-dashboard-container .gamification-dashboard .objectives-list .objective-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .25rem;border-bottom:1px solid #f0f0f0;font-family:Roboto,sans-serif;font-size:16px;font-weight:400}@media (max-width: 1600px){.gamification-dashboard-container .gamification-dashboard .objectives-list .objective-item{font-size:13px}}.gamification-dashboard-container .gamification-dashboard .objectives-list .objective-item:last-child{border-bottom:none}.gamification-dashboard-container .gamification-dashboard .objectives-list .objective-item.fulfilled .objective-instructions{color:#666;text-decoration:line-through}.gamification-dashboard-container .gamification-dashboard .objectives-list .objective-item .objective-content{flex:1}.navbar-wrapper.collapsed:not(:hover) .gamification-dashboard-container .gamification-dashboard{display:none}.navbar-wrapper.collapsed:not(:hover) .gamification-dashboard-container .circular-progress-wrapper{display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;padding:.5rem}.navbar-wrapper.collapsed:not(:hover) .gamification-dashboard-container .circular-progress-wrapper .progress-text{position:absolute;font-size:.7rem;font-weight:700;color:#000;pointer-events:none}.main-layout{display:flex;flex-direction:row;height:100%!important;max-height:100%;width:100vw}.vertical-content{display:flex;flex-direction:column;flex:1;max-height:100%;overflow:hidden}.main-content{flex:1;max-height:calc(100vh - 60px);overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.main-content::-webkit-scrollbar{display:none}.debug-buttons{position:absolute;bottom:10px;right:12px;z-index:1000;display:flex;flex-direction:column;gap:10px}.report-bug{background-color:#fff;position:fixed;bottom:20px;right:20px;z-index:1000;transition:transform .3s ease-in-out;transform:translateY(calc(100% - 15px))}.report-bug.open{transform:translateY(0)}.report-bug .report-bug-content{border-radius:8px;padding:1rem;box-shadow:4px 12px 8px #00000034;border:1px solid rgba(0,0,0,.203);width:300px;background-color:#fff}.report-bug .report-bug-content p{margin-bottom:.5rem}.report-bug .report-bug-content textarea{width:100%;height:100px;margin-bottom:15px;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;line-height:1.5;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease}.report-bug .report-bug-content textarea:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.report-bug .report-bug-content textarea::placeholder{color:#999}.report-bug .report-bug-content .close-button{position:absolute;top:5px;right:5px;background:none;border:none;cursor:pointer}.report-bug .report-bug-content .warning{color:red;font-size:.9em;margin-top:5px}.report-bug .report-bug-content .checkbox-group{display:flex;align-items:center;margin-bottom:10px}.report-bug .report-bug-content .checkbox-group input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #555;border-radius:4px;outline:none;cursor:pointer;margin-right:10px;position:relative}.report-bug .report-bug-content .checkbox-group input[type=checkbox]:checked{background-color:#4caf50;border-color:#4caf50}.report-bug .report-bug-content .checkbox-group input[type=checkbox]:checked:after{content:"✔";font-size:14px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.report-bug .report-bug-content .checkbox-group input[type=checkbox]:hover{border-color:#4caf50}.report-bug .report-bug-content .checkbox-group label{cursor:pointer;-webkit-user-select:none;user-select:none}.report-bug .report-bug-content .submitting-message,.report-bug .report-bug-content .submitted-message{text-align:center;margin-top:20px}.report-bug .report-bug-content .submitting-message{font-size:1.2em;font-weight:700}.report-bug .report-bug-content .submitted-message{color:green;font-size:1.1em}.website-down-popup-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.website-down-popup-container.admin{background-color:transparent;pointer-events:none}.website-down-popup{background-color:#fff;padding:1rem;border-radius:12px;box-shadow:0 0 15px #0000004d;text-align:center}.website-down-popup p{font-family:Roboto,sans-serif;font-size:20px;color:#000}@media (max-width: 1600px){.website-down-popup p{font-size:18px}}@media (max-width: 768px){.website-down-popup p{font-size:16px}}.website-down-admin-indicator{display:flex;align-items:center;justify-content:center;background-color:#fbeae9;padding:1rem;border-radius:12px;position:fixed;top:.5rem;right:.5rem;z-index:1000;pointer-events:auto}.website-down-admin-circle{width:20px;height:20px;background-color:#ed908c;border-radius:50%;margin-right:.5rem}.website-down-admin-text{font-family:Roboto,sans-serif;font-size:18px;color:#ed908c}@media (max-width: 1600px){.website-down-admin-text{font-size:16px}}@media (max-width: 768px){.website-down-admin-text{font-size:14px}}.joinoptiverse{position:absolute;bottom:unset;top:35%;left:50%;z-index:9999;display:flex;align-items:center;opacity:0;transition:opacity .5s ease-out;transform:translate(-50%)}.joinoptiverse.visible{bottom:unset;opacity:1;animation:float 3s ease-in-out infinite,fadeIn .5s ease-out}.joinoptiverse.hiding{opacity:0;animation:fadeOut .5s ease-out}.joinoptiverse .close-button{position:absolute;top:-10px;right:-10px;background:#fff;border:2px solid rgba(119,175,223,.2392156863);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a;color:#4979a3;padding:0}.joinoptiverse .close-button:hover{background:#f5f5f5;transform:scale(1.1)}.joinoptiverse .join-beta-button{font-family:Roboto,sans-serif;font-weight:600;white-space:nowrap;padding:10px;border-radius:8px;cursor:pointer;transition:background-color .1s;border:none;outline:none;display:flex;flex-direction:row;justify-content:center;gap:5px;align-items:center;max-height:50px;font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;animation:pulse-shadow 2s infinite;border:3px solid rgba(119,175,223,.2392156863)}@media (max-width: 1600px){.joinoptiverse .join-beta-button{font-size:13px}}.joinoptiverse .join-beta-button:focus,.joinoptiverse .join-beta-button:hover{outline:none}.joinoptiverse .join-beta-button.primary{background-color:#eeeffa;color:#4979a3}.joinoptiverse .join-beta-button.primary:hover{background-color:#c7caee}.joinoptiverse .join-beta-button.secondary{background-color:#000;color:#fff;font-family:Roboto,sans-serif;font-size:16px;font-weight:400}@media (max-width: 1600px){.joinoptiverse .join-beta-button.secondary{font-size:13px}}.joinoptiverse .join-beta-button.secondary:hover{background-color:#1a1a1a}.joinoptiverse .join-beta-button.tertiary{background-color:#f7f7f7;border:1px solid #edf2f5;color:#222325;font-family:Roboto,sans-serif;font-size:16px;font-weight:400}@media (max-width: 1600px){.joinoptiverse .join-beta-button.tertiary{font-size:13px}}.joinoptiverse .join-beta-button.tertiary:hover{background-color:#fff}.joinoptiverse .join-beta-button.quaternary{background-color:#eeeffa;color:#4979a3;border:1px solid #abc4da}.joinoptiverse .join-beta-button.quaternary:hover{background-color:#c7caee}.joinoptiverse .join-beta-button .icon{width:24px;display:flex;justify-content:center;align-items:center}.joinoptiverse .join-beta-button:disabled{background-color:#ededed;color:#ababab;cursor:default;opacity:.9}.joinoptiverse .join-beta-button:disabled:hover{background-color:#ededed}@media (max-width: 1600px){.joinoptiverse .join-beta-button{font-size:14px}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.onboarding-page-container{display:flex;flex-direction:row;min-height:100vh;width:100vw;justify-content:center}@media (max-width: 768px){.onboarding-page-container{flex-direction:column}}.onboarding-page-container .clickable-title{cursor:pointer}.onboarding-page-container .clickable-title a{text-decoration:none;color:#000}.onboarding-page-container .actions{margin-top:1rem;display:flex;flex-direction:row;gap:.5rem}.onboarding-page-container .onboarding-content{flex:1 1 60%;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;max-width:90vw;align-self:center;height:100%}.onboarding-page-container .onboarding-content .welcome-text{text-align:center;flex-grow:0;padding-top:.5rem}.onboarding-page-container .illustration-container{position:relative;flex:1 1 40%;background:linear-gradient(190deg,#d9d9d966 7.54%,#ece9e9b0 64.2%,#82818180 136.69%);box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#3f3f3f;overflow:hidden;padding:1rem}.onboarding-page-container .illustration-container .carousel-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 100%}.onboarding-page-container .illustration-container .badge-container{flex:0 0 60px;display:flex;align-items:center;justify-content:center}.onboarding-page-container .illustration-container .badge-container .badge{border-radius:5px;box-shadow:0 4px 20px #0000000d;background-color:#ffffff80;display:flex;gap:.5rem;padding:.25rem .5rem;font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700}.onboarding-page-container .illustration-container .badge-container .badge .icon{width:25px}@media (max-width: 1600px){.onboarding-page-container .illustration-container .badge-container .badge .icon{width:16px}}@media (max-width: 1600px){.onboarding-page-container .illustration-container .badge-container .badge{font-size:14px}}@media (max-width: 1600px){.onboarding-page-container .illustration-container .badge-container .badge{font-size:12px}}.user-preferences-container{display:flex;flex-direction:column}.user-preferences-container .user-preferences{display:flex;flex-direction:column;gap:1rem}.user-preferences-container .user-preferences .user-preferences-rule-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.user-preferences-container .user-preferences .user-preferences-rule-item .user-preferences-rule-item-title{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.user-preferences-container .user-preferences .user-preferences-rule-item .user-preferences-rule-item-title .user-preferences-rule-item-title-text{display:flex;flex-direction:row;align-items:center;gap:.5rem}.user-pref-onboarding{display:flex;flex-direction:column;justify-content:center;gap:2rem;min-width:300px;max-width:90vw}.user-pref-onboarding .user-pref-onboarding-header{display:flex;flex-direction:column;align-items:center}.user-pref-onboarding .actions{display:flex;flex-direction:row;gap:.5rem;justify-content:center}.user-pref-onboarding .actions button{width:fit-content}.org-creation-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.org-creation-container .org-creation-header{display:flex;flex-direction:column;align-items:center}.org-creation-container .email-inputs,.org-creation-container .workspace-input{width:100%;max-width:90vw}.org-creation-container .workspace-item{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;width:100%}.org-creation-container .workspace-item .workspace-item-header{display:flex;flex-direction:row;gap:.5rem;align-items:center}.join-container .join-container-header{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.join-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.join-container .join-container-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.join-container .workspace-card{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between;padding:.5rem;border-radius:8px;margin-bottom:1rem}.join-container .workspace-card .workspace-card-content{display:flex;flex-direction:row;align-items:center;width:100%}.join-container .workspace-card .workspace-initial{background-color:#000;color:#fff;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:24px;margin-right:.5rem}.join-container .workspace-card .workspace-details{text-align:left}.join-container .workspace-card .workspace-details .workspace-name{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.join-container .workspace-card .workspace-details .workspace-name{font-size:16px}}.join-container .workspace-card .workspace-details .workspace-owner{font-family:Roboto,sans-serif;font-size:18px;color:#666}@media (max-width: 1600px){.join-container .workspace-card .workspace-details .workspace-owner{font-size:16px}}@media (max-width: 768px){.join-container .workspace-card .workspace-details .workspace-owner{font-size:14px}}.join-container .secondary-text{font-family:Roboto,sans-serif;font-size:18px;text-decoration:underline;color:#666;cursor:pointer;float:right}@media (max-width: 1600px){.join-container .secondary-text{font-size:16px}}@media (max-width: 768px){.join-container .secondary-text{font-size:14px}}.meeting{display:flex;height:100vh;width:100vw;background-color:#fff}.meeting .meeting-content{display:flex;width:100%;height:calc(100% - 60px);flex:1;gap:.5rem;position:relative}.left-section{flex:1.45}.middle-section{flex:2.4;max-width:40%}@media (max-width: 450px){.middle-section,.right-section,.left-section{max-width:95%;margin:0 auto}}.right-section{flex:1.95}.middle-section{height:100%;display:flex;flex-direction:column;position:relative}.middle-section.is-resizing{-webkit-user-select:none;user-select:none}.middle-section .video-section{flex:0 0 auto;display:flex;flex-direction:column;position:relative;min-height:100px;overflow:visible}.middle-section .dialogue-section{flex:1;overflow-y:auto;min-height:100px}.middle-section .skeleton-container,.middle-section .svg-container{width:100%;padding-top:56.25%;position:relative}.middle-section .skeleton-container .MuiSkeleton-root{position:absolute;top:0;right:0;bottom:0;left:0}.middle-section .svg-container{display:flex;justify-content:center;align-items:center}.middle-section .svg-container img{position:absolute;width:50%;min-width:320px;top:50%;transform:translateY(-50%);object-fit:contain}video{width:100%;height:calc(100% + 20px);object-fit:cover;object-position:center;padding:0%;box-shadow:0 0 10px #0000004d;border-radius:12px;overflow:hidden}audio{height:60px!important;padding-top:20px!important}.video-wrapper{width:100%;position:relative;padding-top:56.25%;transition:height .2s ease-out;min-height:100px;margin-bottom:0}.video-wrapper[style*=height]{padding-top:0}.video-wrapper.is-resizing{cursor:ns-resize;-webkit-user-select:none;user-select:none;transition:none}.video-wrapper.is-resizing *{pointer-events:none}.video-wrapper.user-resized{height:auto}.video-wrapper.controls-hidden .react-player video::-webkit-media-controls,.video-wrapper.controls-hidden .react-player video::-webkit-media-controls-panel,.video-wrapper.controls-hidden .react-player video::-webkit-media-controls-enclosure{opacity:0;visibility:hidden;transition:all .3s ease-out}.video-wrapper.controls-hidden .react-player video::-moz-media-controls{opacity:0;visibility:hidden;transition:all .3s ease-out}.video-wrapper.controls-visible .react-player video::-webkit-media-controls,.video-wrapper.controls-visible .react-player video::-webkit-media-controls-panel,.video-wrapper.controls-visible .react-player video::-webkit-media-controls-enclosure{opacity:1;visibility:visible;transition:all .15s ease-in}.video-wrapper.controls-visible .react-player video::-moz-media-controls{opacity:1;visibility:visible;transition:all .15s ease-in}.video-resizer{flex:0 0 6px;background-color:#e0e0e0;cursor:ns-resize;position:relative;z-index:20;margin:4px 8px;border-radius:10px;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease}.video-resizer:hover,.video-resizer.active{background-color:#2196f3}.video-resizer .resizer-handle{width:80px;height:3px;border-radius:2px;background-color:#757575}.video-resizer:after{content:"";position:absolute;width:100%;height:15px;top:50%;transform:translateY(-50%);z-index:21;cursor:ns-resize}.react-player{position:absolute;top:0;left:0;width:100%!important;height:100%!important;min-height:100px}video::-webkit-media-controls-panel{transition:all .3s ease}video::-webkit-media-controls-timeline-container,video::-webkit-media-controls-current-time-display,video::-webkit-media-controls-time-remaining-display{transition:all .3s ease}@media (min-width: 1440px){.video-wrapper:not(.user-resized){padding-top:52.5%}}@media (max-width: 768px){.video-wrapper{margin-top:0}.video-resizer{height:12px}.video-resizer .resizer-handle{width:80px}}@media (max-width: 450px){.video-wrapper{margin-top:2.5vw}.video-resizer{margin:2px 0}}.audio-only{padding-top:0!important}.subtitle-container{z-index:9999;position:absolute;bottom:5%;width:100%;margin:auto;pointer-events:none}.video-timeline-container{position:relative;height:25px;display:flex;justify-content:center;align-items:center;cursor:pointer}.video-timeline{position:relative;width:100%;height:5px;background-color:#e0e0e0;border-radius:3px;cursor:pointer;transition:height .2s ease-in-out}.video-timeline__progress{position:absolute;top:0;left:0;height:100%;background-color:#3a3d3e;border-radius:5px 0 0 5px;transition:width .1s ease-in-out,background-color .2s ease-in-out}.video-timeline__progress.focus{background-color:#3a3d3e33}.video-timeline.focus{height:12px;transition:height .2s ease-in-out}.video-timeline__interval{position:absolute;top:0;height:100%;height:12px;border-radius:3px;opacity:0;animation:fadeIn .2s ease-out .2s forwards}.video-timeline__marker{position:absolute;top:-3px;width:2px;height:12px;background-color:#f44336;border-radius:2px;transition:left .1s ease-in-out,display .2s ease-in-out}.video-timeline__marker.focus{display:none}.video-timeline__time{position:absolute;top:12px;left:50%;transform:translate(-50%);font-size:10px;color:#333;background:#fffc;padding:2px 5px;border-radius:3px}.message{display:flex;flex-direction:row;justify-content:flex-start}.message .selected-sentence{outline:1px solid #ED908C;border-radius:5px}.message .current-sentence{background-color:#77afdf3d;border-radius:5px}.message .topic-highlighted-sentence{background-color:#f6ac2c26;border-radius:5px;border:1px solid rgba(246,172,44,.3);padding:1px 3px;margin:0 1px}.message .topic-highlighted-sentence:hover,.message .topic-highlighted-sentence.hovered-sentence{background-color:#f6ac2c59;border-color:#f6ac2c99}.message .topic-highlighted-sentence.current-sentence{background-color:#f6ac2c99;border-color:#f6ac2c}.message .sentence{position:relative;cursor:pointer;transition:all .2s ease;border-radius:2px;display:inline}.message .sentence:hover,.message .sentence.hovered-sentence{border-radius:5px;background-color:#77afdf99}.message .message-paragraph{line-height:1.5;word-spacing:2px;display:inline}.message .profile-circle{width:30px;height:30px;border-radius:50%;margin-top:5px;margin-right:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;flex-shrink:0}@media (max-width: 1600px){.message .profile-circle{font-size:14px}}.message .profile-circle:hover{cursor:pointer}.message .message-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.message .message-header .speaker-name{display:flex;flex-direction:row;align-items:center;gap:.5rem}.message .message-header .speaker-name .edit-speaker-icon{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}.message .message-header .speaker-name .edit-speaker-icon svg{cursor:pointer;color:gray;visibility:hidden}.message .message-header .speaker-name .edit-speaker-icon svg:hover{color:#676767}.message .message-header:hover .edit-speaker-icon svg{visibility:visible}.message .message-header .timestamp{cursor:pointer;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;font-size:12px}@media (max-width: 1600px){.message .message-header .timestamp{font-size:13px}}.message .message-content{background-color:#fff;border:1px solid #E6E6E6;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;margin:.25rem .5rem .25rem 2px;padding:.25rem .5rem;min-width:140px;max-width:90%;border-radius:12px;transition:background-color .2s ease}@media (max-width: 1600px){.message .message-content{font-size:13px}}.message .message-content.highlighted{background-color:#eeeffa}.message .message-content:hover:not(.highlighted){background-color:#f2f2f2}.message .message-content.highlighted:hover{background-color:#dadcf4}.meeting-dialogue-container{display:flex;flex-direction:column;flex:1;height:100%;box-sizing:border-box;position:relative}.meeting-dialogue-container .meeting-dialogue-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff0c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;display:flex;justify-content:center;align-items:center}.meeting-dialogue-container .meeting-dialogue-overlay .converting-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;background-color:#ffffffd1;border-radius:5px;padding:1rem}.meeting-dialogue-container .meeting-dialogue-overlay .converting-container .usage-link{color:var(--opti-blue-medium);font-size:.8em;text-decoration:underline;cursor:pointer;background:none;border:none;padding:4px;margin-top:-4px}.meeting-dialogue-container .meeting-dialogue-overlay .converting-container .usage-link:hover{color:var(--opti-blue-dark)}.meeting-dialogue-container .meeting-dialogue{display:flex;flex-direction:column;padding:.5rem;padding-right:5px;flex:1;overflow-y:auto;position:relative;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,.05)}.meeting-dialogue-container .meeting-dialogue::-webkit-scrollbar{width:10px;background-color:#0000000d;border-radius:10px}.meeting-dialogue-container .meeting-dialogue::-webkit-scrollbar-thumb{background-color:#0003;border-radius:10px}.meeting-dialogue-container .meeting-dialogue::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.meeting-dialogue-container .upgrade-button{display:flex;align-items:center;gap:8px;animation:pulse-shadow 2s infinite;border:3px solid var(--opti-blue-medium);padding:12px 24px}.meeting-dialogue-container .upgrade-button .icon{display:flex;align-items:center}.searchbar-container{display:flex;flex-direction:column;position:relative;width:100%;margin-bottom:4px}.searchbar-container .hr-divider{padding-top:2px;width:100%;border:none;margin:0}.searchbar-container .searchbar-bar-items{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:4px}.searchbar-container .searchbar-bar-items .transcript-button{display:flex;align-items:center;justify-content:center;padding:6px;min-width:28px;height:28px;border-radius:4px;background-color:#fff;color:gray;transition:background-color .2s ease,color .2s ease}.searchbar-container .searchbar-bar-items .transcript-button:hover{background-color:#f2f2f2;color:#5a5a5a}.searchbar-container .searchbar-bar-items .transcript-button.active{background-color:#fff;color:#74b2cd}.searchbar-container .searchbar-bar-items .searchbar-transcript{flex:1;color:gray;background-color:#fff;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:90%;box-sizing:border-box;padding:0 8px;height:28px;border:1px solid transparent;transition:border-color .2s ease;border:1px solid #E6E6E6;border-radius:12px}.searchbar-container .searchbar-bar-items .searchbar-transcript.focused{border-color:#74b2cd}.searchbar-container .searchbar-bar-items .searchbar-transcript .search-area{display:flex;flex-direction:row;gap:6px;align-items:center;width:100%}.searchbar-container .searchbar-bar-items .searchbar-transcript .search-area svg{color:gray;min-width:16px;width:16px;height:16px}.searchbar-container .searchbar-bar-items .searchbar-transcript .search-area .search-input{width:100%;border:none;background:transparent;font-size:13px;outline:none;padding:4px 0;color:gray}.searchbar-container .searchbar-bar-items .searchbar-transcript .search-area .search-input::placeholder{color:#b3b3b3}.searchbar-container .searchbar-bar-items .searchbar-transcript .search-area button.transcript-button{min-width:20px;width:20px;height:20px;padding:0;font-size:12px}.custom-dropdown{position:relative;display:inline-block}.custom-dropdown .action-button{flex-direction:row;justify-content:center;display:flex;align-items:center;gap:.5rem;background-color:#fff;padding:0}.custom-dropdown .action-button svg{cursor:pointer;color:gray;visibility:hidden}.custom-dropdown .action-button svg:hover{color:#676767}.custom-dropdown .action-button svg{visibility:visible;cursor:pointer;color:gray}.custom-dropdown .action-button svg:hover{color:#5a5a5a}.custom-dropdown .dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;border:1px solid #E6E6E6;border-radius:6px;box-shadow:0 4px 12px #0000001f;z-index:1000;padding:4px 0;background-color:#fff;white-space:nowrap;max-height:300px;overflow-y:auto}.custom-dropdown .dropdown-menu button{display:block;width:100%;padding:8px 12px;border:none;background:none;text-align:left;cursor:pointer;color:gray;font-size:13px;transition:background-color .2s ease;white-space:nowrap}.custom-dropdown .dropdown-menu button:hover{background-color:#fff}.videoheader{display:flex;flex-direction:row;justify-content:space-between;padding:4px 0;align-items:center;margin-bottom:4px}.videoheader .videoheader-titles{display:flex;flex-direction:column;gap:4px;padding-right:.5rem}@media (max-width: 1600px){.videoheader .videoheader-titles{gap:2px}}.videoheader button.primary{height:30px;padding:0 12px;font-size:13px;border-radius:4px;gap:6px}.videoheader button.primary .icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.videoheader button.primary .icon img{max-width:100%;max-height:100%}.videoheader button.is-generating{cursor:progress;color:#ababab;background-color:#ebebeb}.videoheader button.is-generating:hover{color:#ababab;background-color:#ebebeb}.videoheader .videoheader-opticlip-titles,.videoheader .videoheader-main-titles{display:flex;flex-direction:row;gap:16px;align-items:center;cursor:pointer;justify-content:flex-start}@media (max-width: 1600px){.videoheader .videoheader-opticlip-titles,.videoheader .videoheader-main-titles{gap:10px}}.videoheader .videoheader-opticlip-titles .title,.videoheader .videoheader-main-titles .title{justify-content:flex-start;transition:color .1s ease;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;gap:6px;height:22px}.videoheader .videoheader-opticlip-titles .title svg,.videoheader .videoheader-main-titles .title svg{cursor:pointer;color:gray;visibility:hidden}.videoheader .videoheader-opticlip-titles .title svg:hover,.videoheader .videoheader-main-titles .title svg:hover{color:#676767}.videoheader .videoheader-opticlip-titles .title h4,.videoheader .videoheader-main-titles .title h4{font-size:14px;font-weight:400}.videoheader .videoheader-opticlip-titles .title h4.bold,.videoheader .videoheader-main-titles .title h4.bold{font-weight:500}.videoheader .videoheader-opticlip-titles .title h5,.videoheader .videoheader-main-titles .title h5{font-size:13px;font-weight:400}.videoheader .videoheader-opticlip-titles .title h5.bold,.videoheader .videoheader-main-titles .title h5.bold{font-weight:500}.videoheader .videoheader-opticlip-titles .title .opti-clip-title,.videoheader .videoheader-main-titles .title .opti-clip-title{display:flex;flex-direction:row;align-items:center;gap:6px}.videoheader .videoheader-opticlip-titles .title .opti-clip-title svg,.videoheader .videoheader-main-titles .title .opti-clip-title svg{visibility:visible}.videoheader .videoheader-opticlip-titles .title:hover svg,.videoheader .videoheader-main-titles .title:hover svg{visibility:visible}.videoheader .videoheader-opticlip-titles .title .opticlip-title,.videoheader .videoheader-main-titles .title .opticlip-title{text-align:left;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1600px){.videoheader .videoheader-opticlip-titles .title .opticlip-title,.videoheader .videoheader-main-titles .title .opticlip-title{max-width:100px}}.videoheader .videoheader-opticlip-titles .title.not-displayed,.videoheader .videoheader-main-titles .title.not-displayed{color:#ababab}.videoheader .videoheader-opticlip-titles .title.displayed,.videoheader .videoheader-main-titles .title.displayed{color:#000}.videoheader .videoheader-opticlip-titles .title .vertical-divider,.videoheader .videoheader-main-titles .title .vertical-divider{width:2px;height:14px;transition:opacity .1s ease;background-color:#000;opacity:0}@media (max-width: 1600px){.videoheader .videoheader-opticlip-titles .title .vertical-divider,.videoheader .videoheader-main-titles .title .vertical-divider{height:12px}}.videoheader .videoheader-opticlip-titles .title .vertical-divider.displayed,.videoheader .videoheader-main-titles .title .vertical-divider.displayed{opacity:1}.videoheader .videoheader-opticlip-titles .title .vertical-divider.not-displayed,.videoheader .videoheader-main-titles .title .vertical-divider.not-displayed{opacity:0}.videoheader .videoheader-opticlip-titles{gap:8px}@media (max-width: 1600px){.videoheader .videoheader-opticlip-titles{gap:6px}}.videoheader .videoheader-opticlip-titles svg{width:16px;height:16px;padding:2px;cursor:pointer}.videoheader .videoheader-opticlip-titles svg:hover{color:#74b2cd;background-color:#0000000d;border-radius:50%}.opticlip-popup-container{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.opticlip-popup-container .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.opticlip-popup-container .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.opticlip-popup-container .popup-title{font-size:16px}}.opticlip-popup-container .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.opticlip-popup-container .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.opticlip-popup-container .popup-item-title{font-size:14px}}.opticlip-popup-container .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.opticlip-popup-container .popup{width:400px;gap:1rem}.opticlip-popup-container .popup .popup-content{gap:1rem;font-family:Raleway,sans-serif;font-weight:400;font-size:16px;color:gray}@media (max-width: 1600px){.opticlip-popup-container .popup .popup-content{font-size:14px}}.opticlip-popup-container .popup .popup-content .opticlip-popup-item{display:flex;flex-direction:column;gap:.5rem}.opticlip-popup-container .popup .popup-content .opticlip-popup-item .opticlip-popup-keyword-wrapper,.opticlip-popup-container .popup .popup-content .opticlip-popup-item .opticlip-popup-dropdown-wrapper,.opticlip-popup-container .popup .popup-content .opticlip-popup-item .opticlip-popup-slider-wrapper{display:flex;flex-direction:row;justify-content:center;flex:1;align-items:center}.opticlip-popup-container .popup .popup-content .opticlip-popup-item .opticlip-popup-keyword-wrapper input{box-sizing:border-box;width:300px}.keywordselect{margin:.5rem 0px}.keyword-container{display:flex;flex-wrap:wrap;justify-content:left;max-width:480px}@media (max-width: 700px){.keyword-container{max-width:350px}}.keyword-container.not-empty{border:0px}.keywordprompt{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:.5rem}.warning-text{text-align:center;color:#ed908c;display:flex;flex-direction:row;align-items:center;gap:.5rem}.keyword{border-radius:35px;margin:.25rem 3px;padding:2px .5rem;background-color:#80808035;display:flex;align-items:center;cursor:pointer;height:24px}.left-section{display:flex;flex-direction:column;max-height:100vh;overflow:hidden;padding:.5rem}.left-section .left-section-top{flex-shrink:0}.left-section .left-section-scrollable{flex:none;margin:.25rem 0;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;scrollbar-width:none;-ms-overflow-style:none}.left-section .left-section-scrollable::-webkit-scrollbar{width:0;height:0}.left-section .left-section-bottom{flex:1;min-height:0;display:flex;align-items:center;flex-direction:column-reverse}.prompt-container{justify-self:flex-end;max-width:100%;width:100%;display:flex;flex-direction:column;box-shadow:0 4px 8px #8989891a;background-color:#fff;border:1px solid #E6E6E6;border-radius:12px;transition:all .3s ease;padding:10px;box-sizing:border-box;min-height:0;position:relative}.prompt-container.full-expanded{flex:1;max-height:none}.prompt-container .prompt-header{flex:0 0 auto;display:flex;cursor:pointer;padding:.25rem;align-items:center;justify-content:space-between;gap:.5rem}.prompt-container .hr-divider{padding-bottom:.5rem;width:100%;border:none;border-top:1px solid #E6E6E6}.prompt-container .dialogue{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;max-height:500px;min-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;border-radius:5px;scrollbar-width:none;-ms-overflow-style:none}@media (max-width: 1600px){.prompt-container .dialogue{font-size:13px}}@media (max-width: 1600px){.prompt-container .dialogue{max-height:350px;min-height:100px}}.prompt-container .dialogue::-webkit-scrollbar{display:none}.prompt-container .dialogue-entry{position:relative;padding:.5rem;border-radius:8px;max-width:80%}.prompt-container .dialogue-entry:hover .optiagent-action-icon,.prompt-container .dialogue-entry:hover .user-action-icon{background-color:#fff}.prompt-container .dialogue-entry:hover .optiagent-action-icon svg,.prompt-container .dialogue-entry:hover .user-action-icon svg{visibility:visible}.prompt-container .dialogue-entry .optiagent-action-icon,.prompt-container .dialogue-entry .user-action-icon{max-width:60px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;background-color:transparent;border-radius:5px}.prompt-container .dialogue-entry .optiagent-action-icon svg,.prompt-container .dialogue-entry .user-action-icon svg{cursor:pointer;color:gray;visibility:hidden}.prompt-container .dialogue-entry .optiagent-action-icon svg:hover,.prompt-container .dialogue-entry .user-action-icon svg:hover{color:#676767}.prompt-container .dialogue-entry .optiagent-action-icon:hover,.prompt-container .dialogue-entry .user-action-icon:hover{background-color:#fff}.prompt-container .dialogue-entry .optiagent-action-icon:hover svg,.prompt-container .dialogue-entry .user-action-icon:hover svg{visibility:visible}.prompt-container .dialogue-entry .optiagent-action-icon .icon-wrap,.prompt-container .dialogue-entry .user-action-icon .icon-wrap{display:flex;align-items:center;justify-content:center}.prompt-container .dialogue-entry .optiagent-action-icon{position:absolute;padding:.25rem;top:-30px;left:10px}.prompt-container .dialogue-entry .user-action-icon{position:absolute;padding:.25rem;right:100%;top:50%;transform:translateY(-50%)}.prompt-container .dialogue-entry pre{white-space:pre-wrap;overflow-x:auto;word-wrap:break-word}.prompt-container .dialogue-entry.user{align-self:flex-end;background-color:#f1f1f1}.prompt-container .dialogue-entry.assistant{align-self:flex-start;background-color:#eeeffa}.prompt-container .dialogue-entry.assistant:last-child{margin-bottom:.25rem}.prompt-container .dialogue-entry.predefined-questions{align-self:flex-end}.prompt-container .prompt-form-container{flex:0 0 auto;margin-top:auto}.prompt-container .prompt-form{display:flex;gap:.5rem}.prompt-container .prompt-form textarea{flex:1;min-width:50px}.prompt-container .prompt-overlay{opacity:0;pointer-events:none;transition:opacity .2s ease;position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff0c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;display:flex;justify-content:center;align-items:center}.prompt-container .prompt-overlay.visible{opacity:1;pointer-events:all}.prompt-container .prompt-overlay .converting-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;background-color:#ffffffd1;border-radius:8px;padding:16px}.prompt-container.blurred{cursor:pointer;pointer-events:none}.prompt-container.blurred .prompt-overlay,.prompt-container.blurred .prompt-header{pointer-events:all}.prompt-container.blurred:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;pointer-events:all}.prompt-container.blurred.overlay-visible:before{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.prompt-container .upgrade-button{display:flex;align-items:center;gap:8px;animation:pulse-shadow 2s infinite;border:3px solid var(--opti-blue-medium);padding:12px 24px}.prompt-container .upgrade-button .icon{display:flex;align-items:center}.prompt-container .usage-link{color:var(--opti-blue-medium);font-size:.8em;text-decoration:underline;cursor:pointer;background:none;border:none;padding:4px;margin-top:-4px}.prompt-container .usage-link:hover{color:var(--opti-blue-dark)}.clickable{display:inline-flex;cursor:pointer;color:#4979a3;margin-bottom:0;vertical-align:middle}.clickable:hover{color:#395f80}.loading-dots{display:flex;align-items:center;gap:0}.loading-dots .dot{animation:loadingDots 1.5s infinite;opacity:0}.loading-dots .dot:nth-child(1){animation-delay:0s}.loading-dots .dot:nth-child(2){animation-delay:.2s}.loading-dots .dot:nth-child(3){animation-delay:.4s}@keyframes loadingDots{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes pulse-shadow{0%{box-shadow:0 0 #4979a366}70%{box-shadow:0 0 0 16px #4979a300}to{box-shadow:0 0 #4979a300}}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.customdoughnut{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:100%}.customdoughnut .doughnut-container{flex:0 0 auto;height:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;margin:0 10px}.customdoughnut .doughnut-container svg{width:100%;height:100%}.customdoughnut .doughnut-container svg .percentage-text{font-size:11px;font-weight:700;fill:#6f6f6f}.customdoughnut .legend-container{flex:1;height:100%;max-width:65%;overflow-y:auto;display:flex;flex-direction:column;gap:5px;padding-left:10px}.customdoughnut .legend-container .simplebar-scrollbar:before{background-color:#0000004d;width:6px;border-radius:3px}.customdoughnut .legend-container .simplebar-track.simplebar-vertical{width:8px}.customdoughnut .legend-container .legend-item{display:flex;align-items:center;gap:6px;font-size:12px;padding:2px 0;transition:transform .2s ease-in-out;cursor:default;position:relative}.customdoughnut .legend-container .legend-item.active{transform:scale(1.01);font-weight:700;background-color:#a2a2a22e;border-radius:4px}.customdoughnut .legend-container .legend-item .color-box{width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center}.customdoughnut .legend-container .legend-item .color-box .percentage{font-size:8.5px;color:#fff;font-weight:700}.customdoughnut .legend-container .legend-item .label{font-weight:500}.customdoughnut .legend-container .legend-item .edit-speaker-icon{position:absolute;right:5px;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .2s ease-in-out;cursor:pointer}.customdoughnut .legend-container .legend-item .edit-speaker-icon:hover{opacity:1}.customdoughnut .legend-container .legend-item:hover .edit-speaker-icon{opacity:.7}.customdoughnut .hover-popup{position:absolute;background-color:#fffc;color:#000;border-radius:8px;padding:4px 8px;font-size:12px;pointer-events:none;transition:opacity .2s ease-in-out}.doughnut-animation-wrappersvg path{transition:transform .2s ease-in-out;cursor:pointer}.doughnut-animation-wrappersvg path:hover,.doughnut-animation-wrappersvg path.active{transform:scale(1.03)}.editspeaker-popup-container{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.editspeaker-popup-container .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.editspeaker-popup-container .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.editspeaker-popup-container .popup-title{font-size:16px}}.editspeaker-popup-container .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.editspeaker-popup-container .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.editspeaker-popup-container .popup-item-title{font-size:14px}}.editspeaker-popup-container .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.editspeaker-popup-container .popup{gap:1rem}.editspeaker-popup-container .popup .popup-title{margin-bottom:0;display:flex;align-items:center;justify-content:space-between;flex-direction:row}.editspeaker-popup-container .popup .popup-button{align-items:baseline}.editspeaker-popup-container .popup .popup-item-title{margin-top:1rem}.editspeaker-popup-container .popup .popup-content{gap:1rem;font-family:Raleway,sans-serif;font-weight:400;font-size:16px;color:gray;width:100%;align-items:center;justify-content:center;padding:1rem 0}@media (max-width: 1600px){.editspeaker-popup-container .popup .popup-content{font-size:14px}}.editspeaker-popup-container .popup .popup-content .warning-message{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#ed908c;display:flex;align-items:center;gap:.5rem;max-width:300px;text-align:center}@media (max-width: 1600px){.editspeaker-popup-container .popup .popup-content .warning-message{font-size:13px}}.analytics{background-color:#fff;padding:.5rem;border:1px solid #E6E6E6;border-radius:12px;display:flex;flex-direction:column;justify-content:center;gap:12px;height:160px}.analytics .pie-chart{flex:1;min-height:0;display:flex;justify-content:space-between}@media (max-width: 1600px){.analytics .pie-chart{flex-direction:column}}.meeting-analytics,.title-subtitle-time{background-color:#fff;padding:.5rem;border:1px solid #E6E6E6;border-radius:12px;display:flex;flex-direction:column;justify-content:center;gap:1rem}.title-subtitle-time .subtitle{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;color:#000}@media (max-width: 1600px){.title-subtitle-time .subtitle{font-size:14px}}.sentimentanalysis{padding:.5rem}.sentimentanalysis .expand-button{width:16px;height:16px;border:none;background:transparent;color:#64748b;cursor:pointer;transition:all .2s ease;padding:0;display:flex;align-items:center;justify-content:center;cursor:default;pointer-events:none}.sentimentanalysis .expand-button:before{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .2s ease}.sentimentanalysis .expand-button:hover{color:#334155}.sentimentanalysis .expand-button.expanded:before{transform:rotate(45deg)}.sentimentanalysis .score-card{background:#f8fafc;border-radius:12px;padding:1rem 1.5rem;margin-bottom:1rem;cursor:pointer;transition:background-color .2s ease}.sentimentanalysis .score-card:hover{background:#f1f5f9}.sentimentanalysis .score-card .score{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.sentimentanalysis .score-card .score .score-label-group{display:flex;align-items:center;gap:.6rem}.sentimentanalysis .score-card .score .score-label{font-size:1rem;font-weight:500;color:#64748b}.sentimentanalysis .score-card .score .score-value{font-size:1.25rem;font-weight:700;color:#0f172a}.sentimentanalysis .score-card .score-gauge{height:5px;background:#e2e8f0;border-radius:3px;overflow:hidden}.sentimentanalysis .score-card .score-gauge .score-fill{height:100%;background:linear-gradient(90deg,#ef4444,#fbbf24,#10b981);transition:width .3s ease}.sentimentanalysis .timeline-container{position:relative;padding-bottom:1rem}.sentimentanalysis .timeline-container:before{content:"";position:absolute;left:140px;top:0;bottom:0;width:1px;background:#e2e8f0;display:none}.expanded .sentimentanalysis .timeline-container:before{display:block}.sentimentanalysis .timeline-row{display:flex;align-items:center;margin-bottom:.9rem;padding:0 .6rem;gap:.5rem}.sentimentanalysis .timeline-row.merged{margin:1rem 0;padding:.6rem 1rem;border-radius:12px;background:#f8fafc}.sentimentanalysis .timeline-row.merged .timeline{height:4px;background:#e2e8f0;box-shadow:inset 0 1px 2px #0000000d}.sentimentanalysis .timeline-row.merged .sentiment-marker{height:12px;width:3px}.sentimentanalysis .timeline-row.merged .sentiment-marker:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease}.sentimentanalysis .timeline-row.merged .sentiment-marker:hover:after{opacity:1}.sentimentanalysis .timeline-row.merged .sentiment-marker.positive:after{background:#10b98133}.sentimentanalysis .timeline-row.merged .sentiment-marker.negative:after{background:#ef444433}.sentimentanalysis .speaker-name{width:140px;font-size:.875rem;color:#64748b;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sentimentanalysis .timeline{position:relative;height:3px;background:#e2e8f0;flex-grow:1;border-radius:12px;transition:all .2s ease}.sentimentanalysis .sentiment-marker{position:absolute;width:3px;height:12px;border-radius:4px;top:50%;transform:translate(-50%,-50%);cursor:pointer;transition:all .2s ease;z-index:2}.sentimentanalysis .sentiment-marker.positive{background:#3bdd84e0}.sentimentanalysis .sentiment-marker.positive:hover{background:#059669}.sentimentanalysis .sentiment-marker.negative{background:#ef4444d7}.sentimentanalysis .sentiment-marker.negative:hover{background:#dc2626}.sentimentanalysis .sentiment-marker:hover{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 2px 4px #0000001a}.sentimentanalysis .sentiment-marker:hover .tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}.sentimentanalysis .sentiment-marker .tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(4px);background:#1e293b;color:#fff;padding:6px 10px;border-radius:6px;font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.16,1,.3,1);margin-bottom:8px;font-weight:500;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.sentimentanalysis .sentiment-marker .tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:4px;border-style:solid;border-color:#1e293b transparent transparent transparent}.right-section{display:flex;flex-direction:column;justify-content:space-between;max-height:100%;max-width:35%;height:100%;overflow:hidden;box-sizing:border-box}@media (max-width: 450px){.right-section{max-width:95%;margin:0 auto;width:100%}}.meeting-summary{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden}.meeting-summary .meeting-summary-header{display:flex;flex-direction:row;justify-content:flex-start;padding:6px 0;align-items:center;margin-bottom:8px;border-bottom:1px solid rgba(0,0,0,.06);flex-shrink:0}.meeting-summary .meeting-summary-header .meeting-summary-titles{display:flex;flex-direction:row;gap:20px;align-items:center;cursor:pointer;justify-content:flex-start}@media (max-width: 1600px){.meeting-summary .meeting-summary-header .meeting-summary-titles{gap:14px}}.meeting-summary .meeting-summary-header .meeting-summary-titles .title{justify-content:flex-start;transition:color .1s ease;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;gap:6px;height:24px;padding:2px 0}.meeting-summary .meeting-summary-header .meeting-summary-titles .title svg{cursor:pointer;color:gray;visibility:hidden}.meeting-summary .meeting-summary-header .meeting-summary-titles .title svg:hover{color:#676767}.meeting-summary .meeting-summary-header .meeting-summary-titles .title h4{font-size:15px;font-weight:400}.meeting-summary .meeting-summary-header .meeting-summary-titles .title h4.bold{font-weight:600}.meeting-summary .meeting-summary-header .meeting-summary-titles .title.not-displayed{color:#ababab}.meeting-summary .meeting-summary-header .meeting-summary-titles .title.displayed{color:#000}.meeting-summary .meeting-summary-header .meeting-summary-titles .title .vertical-divider{width:2px;height:16px;transition:opacity .1s ease;background-color:#74b2cd;border-radius:1px;opacity:0}@media (max-width: 1600px){.meeting-summary .meeting-summary-header .meeting-summary-titles .title .vertical-divider{height:14px;width:2px}}.meeting-summary .meeting-summary-header .meeting-summary-titles .title .vertical-divider.displayed{opacity:1}.meeting-summary .meeting-summary-header .meeting-summary-titles .title .vertical-divider.not-displayed{opacity:0}.meeting-summary .meeting-summary-header .meeting-summary-titles .title:hover{color:#000}.meeting-summary .meeting-summary-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;height:100%;position:relative;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,.05)}.meeting-summary .meeting-summary-content::-webkit-scrollbar{width:8px;background-color:#0000000d;border-radius:4px}.meeting-summary .meeting-summary-content::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.meeting-summary .meeting-summary-content::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.meeting-summary .meeting-summary-content .content-section{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;overflow:hidden;min-height:0;height:100%;transition:opacity .2s ease,visibility .2s ease}.meeting-summary .meeting-summary-content .content-section.visible{opacity:1;visibility:visible;z-index:1}.meeting-summary .meeting-summary-content .content-section.hidden{opacity:0;visibility:hidden;z-index:0}.summary-displayer{min-height:0;flex:1 0 70%;display:flex;flex-direction:column;width:100%}.summary-displayer .summary-displayer-header{display:flex;flex-direction:row;gap:.5rem;padding:.5rem;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%}.summary-displayer .summary-displayer-header .summary-displayer-title-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.summary-displayer .summary-displayer-header .summary-displayer-title-container .summary-displayer-title{padding-left:.5rem;white-space:nowrap}.summary-displayer .summary-displayer-header .summary-displayer-title-container .summary-displayer-action-icons{flex-direction:row;justify-content:center;display:flex;align-items:center;gap:.5rem}.summary-displayer .summary-displayer-header .summary-displayer-title-container .summary-displayer-action-icons svg{cursor:pointer;color:gray;visibility:hidden}.summary-displayer .summary-displayer-header .summary-displayer-title-container .summary-displayer-action-icons svg:hover{color:#676767}.summary-displayer .summary-displayer-header .summary-displayer-title-container .summary-displayer-action-icons svg{visibility:visible;cursor:pointer;color:gray}.summary-displayer .summary-displayer-header .summary-displayer-title-container .summary-displayer-action-icons svg:hover{color:#5a5a5a}.summary-displayer .summary-displayer-header .protocol-selector{margin-top:auto;max-width:180px}.summary-displayer ul{margin-top:0;margin-bottom:0;padding-left:0}.summary-displayer .summarydisplayer-sections{display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}.summary-displayer .summarydisplayer-sections::-webkit-scrollbar{display:none}.summary-displayer .summarydisplayer-sections .placeholder{color:#ababab;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700;padding-top:1rem;display:flex;justify-content:center;align-items:center}@media (max-width: 1600px){.summary-displayer .summarydisplayer-sections .placeholder{font-size:16px}}.protocol-title-owned{color:#000}.protocol-title-not-owned{color:#4979a3}.standard-summary-displayer{display:flex;flex-direction:column;gap:.5rem;height:100%}.standard-summary-displayer .standard-summary-content{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,.05)}.standard-summary-displayer .standard-summary-content::-webkit-scrollbar{width:2px;height:2px}.standard-summary-displayer .standard-summary-content::-webkit-scrollbar-track{background:#0000000d;border-radius:1px}.standard-summary-displayer .standard-summary-content::-webkit-scrollbar-thumb{background:#0003;border-radius:1px;transition:all .2s ease}.standard-summary-displayer .standard-summary-content::-webkit-scrollbar-thumb:hover{background:#0000004d;transform:scaleX(1.1)}.standard-summary-displayer .standard-summary-content::-webkit-scrollbar-thumb:active{background:#0006}.standard-summary-displayer .standard-summary-content .standard-summary-sections{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.standard-summary-displayer .standard-summary-content .standard-summary-sections .placeholder{text-align:center;color:gray;padding:2rem;font-style:italic}.sectiondisplayer{padding:.5rem;display:flex;flex-direction:row;gap:.5rem}@media (max-width: 1600px){.sectiondisplayer{gap:0}}.sectiondisplayer .sectiondisplayer-bullet-item{display:flex;flex-direction:row;gap:1rem;align-items:center}.sectiondisplayer .sectiondisplayer-bullet-item:hover .sectiondisplayer-action-icon-goto svg{visibility:visible}.sectiondisplayer .sectiondisplayer-action-icon-goto{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;padding:.25rem}.sectiondisplayer .sectiondisplayer-action-icon-goto svg{cursor:pointer;color:gray;visibility:hidden}.sectiondisplayer .sectiondisplayer-action-icon-goto svg:hover{color:#676767}.sectiondisplayer .sectiondisplayer-vertical-divider{display:flex;flex-direction:row;align-items:center;justify-content:center}.sectiondisplayer .sectiondisplayer-vertical-divider .sectiondisplayer-vertical-divider-divider{width:3px;height:30px;margin-right:10px;opacity:.5}.sectiondisplayer .sectiondisplayer-vertical-divider .sectiondisplayer-vertical-divider-divider.basic{background-color:#cc8f23}.sectiondisplayer .sectiondisplayer-vertical-divider .sectiondisplayer-vertical-divider-divider.custom{background-color:#c7605b}.sectiondisplayer .sectiondisplayer-vertical-divider .sectiondisplayer-vertical-divider-divider.magic{background-color:#74b2cd}.sectiondisplayer .sectiondisplayer-wrap{flex:1}.sectiondisplayer .sectiondisplayer-wrap .sectiondisplayer-header{border:1px solid #E6E6E6;border-radius:12px;display:flex;flex-direction:row;gap:.5rem;align-items:center;justify-content:space-between;position:relative;flex:1;padding:.25rem .5rem}.sectiondisplayer .sectiondisplayer-wrap .sectiondisplayer-header .sectiondisplayer-header-title{display:flex;flex-direction:row;gap:.5rem;align-items:center}.sectiondisplayer .sectiondisplayer-wrap .sectiondisplayer-header .sectiondisplayer-header-title .sectiondisplayer-collapse-icon{display:flex;flex-direction:row;align-items:center;justify-content:center}.sectiondisplayer .sectiondisplayer-wrap .sectiondisplayer-header .sectiondisplayer-header-title .sectiondisplayer-collapse-icon svg{visibility:visible}.sectiondisplayer .sectiondisplayer-wrap .sectiondisplayer-header .sectiondisplayer-action-icon-default{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;padding:.25rem}.sectiondisplayer .sectiondisplayer-wrap .sectiondisplayer-header .sectiondisplayer-action-icon-default svg{cursor:pointer;color:gray;visibility:hidden}.sectiondisplayer .sectiondisplayer-wrap .sectiondisplayer-header .sectiondisplayer-action-icon-default svg:hover{color:#676767}.sectiondisplayer .sectiondisplayer-wrap .sectiondisplayer-header:hover .sectiondisplayer-action-icon-default svg{visibility:visible}.sectiondisplayer .sectiondisplayer-wrap .sectiondisplayer-header .sectiondisplayer-action-icon-refresh{display:flex;align-items:center;gap:.5rem}.sectiondisplayer .sectiondisplayer-wrap .sectiondisplayer-header .sectiondisplayer-action-icon-refresh .sectiondisplayer-action-icon-confirm{display:flex;align-items:center;gap:.5rem;padding:.25rem;border:1px solid #E6E6E6;border-radius:12px;border-color:#8ddb68}.sectiondisplayer .sectiondisplayer-wrap .sectiondisplayer-content{padding:.5rem;opacity:.8;font-family:Roboto,sans-serif;font-size:16px;font-weight:400}@media (max-width: 1600px){.sectiondisplayer .sectiondisplayer-wrap .sectiondisplayer-content{font-size:13px}}.giga-summary-container{margin:0 auto;background:#fff;position:relative;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column}.giga-summary-container .giga-summary-content{flex:1;overflow:hidden}.giga-summary-container .giga-summary-content .loading-skeleton{height:100%;display:flex;flex-direction:column;gap:.5rem}.protocol-title{color:#000;text-align:center;padding-bottom:.5rem}.section-title{font-family:Raleway,sans-serif;font-weight:medium;font-size:32px;font-weight:700;margin:1rem 0 .5rem;padding:.5rem 0}@media (max-width: 1600px){.section-title{font-size:24px}}@media (max-width: 768px){.section-title{font-size:16px}}.subsection-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700;color:#000;margin:1rem 0 .5rem}@media (max-width: 1600px){.subsection-title{font-size:16px}}.protocol-text{text-align:justify}.protocol-list,.protocol-ordered-list{padding-left:1rem}.protocol-list-item{margin:.5rem 0;line-height:1.2}.protocol-quote{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;margin:1rem 0;padding:.5rem 1rem;font-style:italic}@media (max-width: 1600px){.protocol-quote{font-size:13px}}.protocol-bold{font-weight:600;color:#000}.protocol-link{text-decoration:none;transition:all .2s ease}.protocol-divider{border:none;height:1px;background:#ababab;margin:1rem 0}.expanded-summary-content{height:70vh}.expanded-summary-content .loading-skeleton{height:100%;display:flex;flex-direction:column;gap:.5rem}.tiptap-editor-container{display:flex;flex-direction:column;height:100%;width:100%;border:1px solid #E6E6E6;border-radius:12px;box-sizing:border-box;overflow:hidden}.tiptap-toolbar{display:flex;gap:.25rem;padding:.5rem;background:#fff;flex-wrap:wrap;align-items:center}.tiptap-toolbar .toolbar-group{display:flex;gap:2px;align-items:center;padding-right:.5rem;border-right:1px solid #ababab}.tiptap-toolbar .toolbar-group:last-child{border-right:none;padding-right:0}.tiptap-toolbar .toolbar-btn{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;background:#fff;color:gray;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:4px;padding:.25rem}@media (max-width: 1600px){.tiptap-toolbar .toolbar-btn{font-size:13px}}.tiptap-toolbar .toolbar-btn:hover:not(:disabled){background:#e9e9e9;color:#000}.tiptap-toolbar .toolbar-btn.active{background:#e9e9e9;color:#000}.tiptap-toolbar .toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.tiptap-toolbar .toolbar-btn svg{font-size:16px}.tiptap-toolbar .heading-select{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;padding:.25rem;border:none;background:#fff;color:#000;cursor:pointer;border-radius:5px}@media (max-width: 1600px){.tiptap-toolbar .heading-select{font-size:13px}}.tiptap-toolbar .heading-select:focus{background:#e9e9e9}.tiptap-toolbar .heading-select:hover{background:#e9e9e9}.tiptap-content{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,.05);padding:1rem;background:#fff}.tiptap-content::-webkit-scrollbar{width:4px;height:4px}.tiptap-content::-webkit-scrollbar-track{background:#0000000d;border-radius:2px}.tiptap-content::-webkit-scrollbar-thumb{background:#0003;border-radius:2px;transition:all .2s ease}.tiptap-content::-webkit-scrollbar-thumb:hover{background:#0000004d;transform:scaleX(1.1)}.tiptap-content::-webkit-scrollbar-thumb:active{background:#0006}.tiptap-editor{outline:none;min-height:300px;height:100%}.tiptap-editor h1{font-family:Raleway,sans-serif;font-weight:medium;font-size:32px;font-weight:700;color:#000;text-align:center;padding-bottom:.5rem;margin:0 0 1rem;border-bottom:2px solid #ababab}@media (max-width: 1600px){.tiptap-editor h1{font-size:24px}}@media (max-width: 768px){.tiptap-editor h1{font-size:16px}}.tiptap-editor h2{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700;color:#000;text-align:center;font-style:italic;margin:1rem 0 .5rem}@media (max-width: 1600px){.tiptap-editor h2{font-size:16px}}.tiptap-editor h3{font-family:Roboto,sans-serif;font-size:20px;font-weight:600;color:#000;margin:1rem 0 .5rem;padding:.5rem 0;border-bottom:1px solid #ababab}@media (max-width: 1600px){.tiptap-editor h3{font-size:18px}}@media (max-width: 768px){.tiptap-editor h3{font-size:16px}}.tiptap-editor h4{font-family:Roboto,sans-serif;font-size:18px;font-weight:600;color:#000;margin:1rem 0 .5rem}@media (max-width: 1600px){.tiptap-editor h4{font-size:16px}}@media (max-width: 768px){.tiptap-editor h4{font-size:14px}}.tiptap-editor p{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;margin:.5rem 0;text-align:justify;line-height:1.6}@media (max-width: 1600px){.tiptap-editor p{font-size:13px}}.tiptap-editor ul,.tiptap-editor ol{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;padding-left:1rem;margin:.5rem 0}@media (max-width: 1600px){.tiptap-editor ul,.tiptap-editor ol{font-size:13px}}.tiptap-editor ul li,.tiptap-editor ol li{margin:.5rem 0;line-height:1.4}.tiptap-editor ul[data-type=taskList]{list-style:none;padding-left:0}.tiptap-editor ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:8px}.tiptap-editor ul[data-type=taskList] li>label{flex:0 0 auto;margin-right:8px;-webkit-user-select:none;user-select:none}.tiptap-editor ul[data-type=taskList] li>label>input[type=checkbox]{margin:0;cursor:pointer}.tiptap-editor ul[data-type=taskList] li>div{flex:1}.tiptap-editor .has-text-align-left{text-align:left}.tiptap-editor .has-text-align-center{text-align:center}.tiptap-editor .has-text-align-right{text-align:right}.tiptap-editor .has-text-align-justify{text-align:justify}.tiptap-editor blockquote{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;background:#fff;border-left:4px solid #ababab;margin:1rem 0;padding:.5rem 1rem;font-style:italic;border-radius:0 4px 4px 0}@media (max-width: 1600px){.tiptap-editor blockquote{font-size:13px}}.tiptap-editor blockquote p{margin:0}.tiptap-editor strong{font-weight:600;color:#000}.tiptap-editor em,.tiptap-editor i,.tiptap-editor p em,.tiptap-editor p i{font-style:italic!important;color:#000}.tiptap-editor u{text-decoration:underline;color:#000}.tiptap-editor mark{background:#ffff004d;padding:0 2px;border-radius:2px}.tiptap-editor a{color:#ababab;text-decoration:none;transition:all .2s ease}.tiptap-editor a:hover{text-decoration:underline;color:#929292}.tiptap-editor hr{border:none;height:1px;background:#ababab;margin:1rem 0}.tiptap-editor:focus{outline:none}.tiptap-editor.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#ababab;pointer-events:none;height:0;font-style:italic}.standardpopup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#eaeaea66;display:flex;align-items:center;justify-content:center;z-index:1000}.standardpopup{background:#fff;border-radius:var(--card-radius);padding:var(--spacing-xl);width:100%;box-shadow:0 4px 24px #0000001a;display:flex;flex-direction:column;gap:var(--spacing-md)}.standardpopup .modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.standardpopup .standard-popup-title{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md)}.topic-analysis{display:flex;flex-direction:column;height:100%;min-height:0}.topic-analysis .loading-state,.topic-analysis .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:200px;padding:1rem;text-align:center;color:#ababab}.topic-analysis .loading-state p,.topic-analysis .empty-state p{margin:0 0 8px;font-size:14px;font-weight:500}.topic-analysis .loading-state small,.topic-analysis .empty-state small{font-size:12px;color:#ededed;line-height:1.4}.topic-analysis .loading-state p{color:#4979a3}.topic-analysis .loading-state p:after{content:"...";animation:loading-dots 1.5s infinite}.topic-analysis .topics-container{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;padding:.5rem;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,.05);max-height:none}.topic-analysis .topics-container::-webkit-scrollbar{width:8px;height:8px}.topic-analysis .topics-container::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.topic-analysis .topics-container::-webkit-scrollbar-thumb{background:#0003;border-radius:4px;transition:all .2s ease}.topic-analysis .topics-container::-webkit-scrollbar-thumb:hover{background:#0000004d;transform:scaleX(1.1)}.topic-analysis .topics-container::-webkit-scrollbar-thumb:active{background:#0006}.topic-analysis .topic-card{background:#fff;border:1px solid #E6E6E6;border-radius:5px;transition:all .2s ease;overflow:hidden;flex-shrink:0}.topic-analysis .topic-card:hover{border-color:#4979a326;box-shadow:0 2px 4px #4979a314}.topic-analysis .topic-card.expanded{border-color:#4979a333;box-shadow:0 2px 6px #4979a31f}.topic-analysis .topic-card.selected{border-color:#4979a3;box-shadow:0 4px 12px #4979a326;background-color:#eeeffa80}.topic-analysis .topic-card.selected .topic-header{background-color:#4979a314}.topic-analysis .topic-card.selected .topic-content{background-color:#4979a308;cursor:pointer}.topic-analysis .topic-card .topic-content{border-top:1px solid #E6E6E6;background-color:#4979a303;transition:background-color .15s ease}.topic-analysis .topic-card .topic-content .key-points{padding:10px 16px 14px}.topic-analysis .topic-card .topic-content .key-points ul{list-style:none;padding:0;margin:0}.topic-analysis .topic-card .topic-content .key-points ul .bullet-point{display:flex;align-items:flex-start;font-size:14px;color:#000;line-height:1.4;margin-bottom:6px;padding:6px 8px;border-radius:5px;transition:all .15s ease;cursor:pointer;gap:8px;border:1px solid transparent}.topic-analysis .topic-card .topic-content .key-points ul .bullet-point:hover{background-color:#4979a30f;border-color:#4979a31a}.topic-analysis .topic-card .topic-content .key-points ul .bullet-point.selected{background-color:#4979a31f;border-color:#4979a340;box-shadow:0 1px 3px #4979a326}.topic-analysis .topic-card .topic-content .key-points ul .bullet-point.selected .play-button{opacity:1;color:#4979a3;background-color:#4979a326}.topic-analysis .topic-card .topic-content .key-points ul .bullet-point:last-child{margin-bottom:0}.topic-analysis .topic-card .topic-content .key-points ul .bullet-point .play-button{background:none;border:none;padding:4px;border-radius:50%;cursor:pointer;color:#ababab;display:flex;align-items:center;justify-content:center;transition:all .15s ease;opacity:.6;min-width:22px;height:22px;flex-shrink:0}.topic-analysis .topic-card .topic-content .key-points ul .bullet-point .play-button:hover{color:#4979a3;background-color:#4979a31a;transform:scale(1.05);opacity:1}.topic-analysis .topic-card .topic-content .key-points ul .bullet-point .bullet-point-text{flex:1;line-height:1.4;font-weight:400}.topic-analysis .topic-card .topic-content .key-points ul .bullet-point:hover .play-button{opacity:1}@media (max-width: 1600px){.topic-analysis .topics-container{gap:6px;padding:2px;scrollbar-gutter:stable}.topic-analysis .topic-card .topic-content .key-points{padding:8px 14px 12px}.topic-analysis .topic-card .topic-content .key-points ul .bullet-point{font-size:13px;padding:5px 6px;margin-bottom:4px;gap:6px}.topic-analysis .topic-card .topic-content .key-points ul .bullet-point .play-button{min-width:20px;height:20px}.topic-analysis .topic-card .topic-content .key-points ul .bullet-point .play-button svg{width:12px;height:12px}}@keyframes loading-dots{0%,20%{opacity:0}50%{opacity:1}80%,to{opacity:0}}.pie-chart{position:relative;display:inline-flex;align-items:center;justify-content:center}.pie-chart .pie-svg{position:absolute;top:0;left:0}.pie-chart .pie-svg .progress-circle{transition:stroke-dashoffset .3s ease}.pie-chart .percentage-text{font-weight:600;color:#000;line-height:1;text-align:center;position:relative;z-index:1}.circular-progress{position:relative;align-items:center;justify-content:center}.circular-progress .circular-progress-svg{display:block}.circular-progress .circular-progress-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none}.circular-progress .circular-progress-content .avatar-initials{font-size:9px;font-weight:600;line-height:1;text-align:center;pointer-events:auto}.participant-avatar-container:hover{transform:scale(1.15)!important;z-index:2!important}.participant-avatar-container:hover .circular-progress{filter:brightness(1.1);box-shadow:0 2px 6px #00000026;border-radius:50%}.participant-avatar-container:active{transform:scale(1.05)!important}.participant-avatar-container .circular-progress{transition:all .2s ease}.topic-header{padding:14px 18px;cursor:pointer;transition:background-color .15s ease;display:flex;justify-content:space-between;align-items:center;gap:16px}.topic-header:hover{background-color:#4979a305}.topic-header .topic-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;min-width:30px;gap:6px}.topic-header .topic-left .expand-icon{color:#ababab;transition:all .15s ease;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:50%;flex-shrink:0}.topic-header .topic-left .expand-icon:hover{color:#4979a3;background-color:#4979a314}.topic-header .topic-left .expand-icon.invisible{visibility:hidden}.topic-header .topic-left .takeaway-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:2px;align-items:center;justify-content:center;min-height:16px;width:16px}.topic-header .topic-left .takeaway-grid .takeaway-dot{width:5px;height:5px;border-radius:50%;transition:all .2s ease}.topic-header .topic-left .takeaway-grid .takeaway-dot.active.blended{background-color:#4979a3;opacity:.9;box-shadow:0 0 3px #4979a34d}.topic-header .topic-left .takeaway-grid .takeaway-dot.active.blended:hover{opacity:1;transform:scale(1.2);box-shadow:0 0 5px #4979a380}.topic-header .topic-left .takeaway-grid .takeaway-dot.active.recessed{background-color:#ababab;opacity:.6}.topic-header .topic-left .takeaway-grid .takeaway-dot.active.recessed:hover{opacity:.8;transform:scale(1.1);background-color:#4979a3}.topic-header .topic-left .takeaway-grid .takeaway-dot.inactive{background-color:transparent;box-shadow:inset 0 0 0 3px #ababab33}.topic-header .topic-left .takeaway-grid .takeaway-dot.inactive.blended{box-shadow:inset 0 0 0 1px #4979a326}.topic-header .topic-left .takeaway-grid .takeaway-dot.inactive.recessed{box-shadow:inset 0 0 0 1px #ababab1a}.topic-header .topic-main{flex:1;min-width:0}.topic-header .topic-main .topic-title-section{display:flex;flex-direction:column;gap:6px}.topic-header .topic-main .topic-title-section .topic-title-row{display:flex;align-items:center;justify-content:flex-start;gap:8px}.topic-header .topic-main .topic-title-section .topic-name{font-size:15px;font-weight:600;color:#000;margin:0;line-height:1.3;flex:1;min-width:0}.topic-header .topic-main .topic-title-section .participants-display{display:flex;gap:3px;align-items:center}.topic-header .topic-main .topic-title-section .participants-display .participant-avatar-container{position:relative;cursor:pointer;transition:transform .1s ease}.topic-header .topic-main .topic-title-section .participants-display .participant-avatar-container:hover{transform:scale(1.1);z-index:1}.topic-header .topic-main .topic-title-section .participants-display .remaining-participants{font-size:10px;font-weight:500;color:#ababab;background-color:#ededed;padding:3px 6px;border-radius:8px;margin-left:3px;cursor:pointer;transition:all .1s ease;white-space:nowrap}.topic-header .topic-main .topic-title-section .participants-display .remaining-participants:hover{background-color:#4979a31a;color:#4979a3}.topic-header .topic-right-actions{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0}.topic-header .topic-right-actions .target-button{background:none;border:1px solid #E6E6E6;padding:6px;border-radius:50%;cursor:pointer;color:#ababab;display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;transition:all .2s ease}.topic-header .topic-right-actions .target-button:hover{color:#4979a3;background-color:#4979a314;border-color:#4979a333;transform:scale(1.05)}.topic-header .topic-right-actions .target-button.targeted{color:#4979a3;background-color:#4979a31f;border-color:#4979a3;box-shadow:0 2px 6px #4979a333}.topic-header .topic-right-actions .target-button.targeted:hover{background-color:#4979a326;transform:scale(1.02)}.topic-header .topic-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.topic-header .topic-right .pie-chart-container{cursor:pointer;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.topic-header .topic-right .pie-chart-container:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.topic-header .topic-right .pie-chart-container:active{transform:scale(.98)}@media (max-width: 1600px){.topic-header{padding:10px;gap:6px;align-items:center}.topic-header .topic-left .expand-icon{min-width:20px;height:16px}.topic-header .topic-left .expand-icon svg{width:18px;height:18px}.topic-header .topic-left .takeaway-grid{gap:2px;min-height:16px;width:16px}.topic-header .topic-left .takeaway-grid .takeaway-dot{width:5px;height:5px}.topic-header .topic-main .topic-title-section{gap:6px}.topic-header .topic-main .topic-title-section .topic-title-row{gap:8px}.topic-header .topic-main .topic-title-section .topic-name{font-size:14px;font-weight:600}.topic-header .topic-main .topic-title-section .participants-display{gap:2px}.topic-header .topic-main .topic-title-section .participants-display .remaining-participants{font-size:9px;padding:2px 4px;margin-left:2px}.topic-header .topic-right{gap:8px}.topic-header .topic-right .pie-chart-container{cursor:pointer;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.topic-header .topic-right .pie-chart-container:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.topic-header .topic-right .pie-chart-container:active{transform:scale(.98)}.topic-header .topic-right-actions{gap:6px}.topic-header .topic-right-actions .target-button{width:28px;height:28px;padding:5px}.topic-header .topic-right-actions .target-button svg{width:14px;height:14px}}.topic-header .topic-takeaways.expanded{color:#4979a3!important;background-color:#4979a326!important}.topic-no-takeaways{color:#ababab;font-size:12px;font-weight:400;line-height:1.4}.topic-card{display:flex!important;flex-direction:row!important;align-items:stretch;padding:0!important}.topic-card .topic-vertical-divider{width:3px;min-height:100%;background-color:#ededed;border-radius:0 2px 2px 0;transition:background-color .2s ease;flex-shrink:0}.topic-card .topic-vertical-divider.expanded{background-color:#4979a3cc}.topic-card .topic-card-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:0 5px 5px 0}.scrollbar{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,.05)}.scrollbar::-webkit-scrollbar{width:4px;height:4px}.scrollbar::-webkit-scrollbar-track{background:#0000000d;border-radius:2px}.scrollbar::-webkit-scrollbar-thumb{background:#0003;border-radius:2px;transition:all .2s ease}.scrollbar::-webkit-scrollbar-thumb:hover{background:#0000004d;transform:scaleX(1.1)}.scrollbar::-webkit-scrollbar-thumb:active{background:#0006}.key-action-items{min-height:0;max-height:30vh;display:flex;flex-direction:column}.key-action-items .action-items-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem}.key-action-items .action-items-header .action-items-title h4{margin:0}.key-action-items .action-items-header .action-items-refresh{cursor:pointer}.key-action-items .action-items-list-container{border:1px solid #E6E6E6;border-radius:12px;height:100%;display:flex;flex-direction:column;gap:.5rem;padding:.5rem;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,.05)}.key-action-items .action-items-list-container::-webkit-scrollbar{width:2px;height:2px}.key-action-items .action-items-list-container::-webkit-scrollbar-track{background:#0000000d;border-radius:1px}.key-action-items .action-items-list-container::-webkit-scrollbar-thumb{background:#0003;border-radius:1px;transition:all .2s ease}.key-action-items .action-items-list-container::-webkit-scrollbar-thumb:hover{background:#0000004d;transform:scaleX(1.1)}.key-action-items .action-items-list-container::-webkit-scrollbar-thumb:active{background:#0006}.key-action-items .placeholder{text-align:center;color:#757575;padding:16px;flex:1;display:flex;align-items:center;justify-content:center}.key-action-item{background:#fff;border:1px solid #E6E6E6;border-radius:12px;padding:.25rem;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;position:relative}.key-action-item:hover{box-shadow:0 4px 6px #0000000d}.key-action-item.done .item-text{color:#94a3b8;text-decoration:line-through;text-decoration-color:#cbd5e1;text-decoration-thickness:1px}.key-action-item.done .item-status-icon{opacity:.6}.key-action-item.done .action-button{opacity:.7}.key-action-item .item-content{display:flex;align-items:center;justify-content:space-between;gap:.25rem}.key-action-item .item-text{flex:1;font-size:14px;line-height:1.5;margin-left:.25rem}.key-action-item .item-actions{display:flex;gap:1px;opacity:0;transition:opacity .2s ease}.key-action-item .item-actions.visible{opacity:1}.key-action-item .action-button{background:transparent;border:none;padding:6px;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.key-action-item .action-button:hover{background:#f3f4f6;color:#374151}.key-action-item .action-button.goto:hover{color:#2563eb}.key-action-item .action-button.type:hover{color:#059669}.key-action-item .action-button.delete:hover{color:#dc2626}.key-action-item .elaboration-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:5px;pointer-events:none;overflow:hidden}.key-action-item .elaboration-overlay.elaborating:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#4299e114,#4299e11f,#93c5fd1f,#4299e11f,#4299e114);animation:shimmer 2s linear infinite}.key-action-item .elaboration-overlay.elaborating:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #EEEFFA;border-radius:5px;opacity:.7;animation:pulse 1.5s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.004)}to{opacity:.4;transform:scale(1)}}.action-modal{display:flex;align-items:center;justify-content:center}.action-modal .modal-content{background:#fff;border-radius:12px;padding:24px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.key-action-popup-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.key-action-popup-container .popup{background:#fff;border-radius:12px;padding:24px;width:815px;max-width:90%;max-height:90vh;overflow-y:auto}.popup-title{font-size:24px;font-weight:600;margin-bottom:24px;justify-content:space-between;display:flex;align-items:center}.popup-title .connected-badge{font-size:14px;background-color:#f8f9fa;padding:4px 8px;border-radius:4px;display:flex;align-items:center;gap:4px}.popup-title .connected-badge .notion-icon{font-weight:700;background:#000;color:#fff;padding:0 4px;border-radius:2px}.popup-title .close-button{cursor:pointer;opacity:.7}.popup-title .close-button:hover{opacity:1}.popup-title h2{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.popup-title .refresh-icon{display:flex;align-items:center;color:var(--text-color-light);transition:color .2s ease}.popup-title .refresh-icon:hover{color:var(--text-color)}.popup-content .chat-message{background-color:#f8f9fa;padding:12px 16px;border-radius:8px;margin-bottom:16px}.popup-content .user-input{background-color:#e9ecef;padding:12px 16px;border-radius:8px;margin-bottom:24px}.popup-content .email-form .form-group,.popup-content .task-form .form-group,.popup-content .meeting-form .form-group{margin-bottom:16px}.popup-content .email-form .form-group label,.popup-content .task-form .form-group label,.popup-content .meeting-form .form-group label{display:block;font-weight:500;margin-bottom:8px}.popup-content .email-form .form-group input,.popup-content .email-form .form-group textarea,.popup-content .email-form .form-group select,.popup-content .task-form .form-group input,.popup-content .task-form .form-group textarea,.popup-content .task-form .form-group select,.popup-content .meeting-form .form-group input,.popup-content .meeting-form .form-group textarea,.popup-content .meeting-form .form-group select{width:100%;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px}.popup-content .email-form .form-group input:focus,.popup-content .email-form .form-group textarea:focus,.popup-content .email-form .form-group select:focus,.popup-content .task-form .form-group input:focus,.popup-content .task-form .form-group textarea:focus,.popup-content .task-form .form-group select:focus,.popup-content .meeting-form .form-group input:focus,.popup-content .meeting-form .form-group textarea:focus,.popup-content .meeting-form .form-group select:focus{outline:none;border-color:#adb5bd}.popup-content .email-form .form-group textarea,.popup-content .task-form .form-group textarea,.popup-content .meeting-form .form-group textarea{min-height:120px;resize:vertical}.popup-content .email-form .form-group select,.popup-content .task-form .form-group select,.popup-content .meeting-form .form-group select{background-color:#fff;cursor:pointer}.popup-content .form-row{display:flex;gap:16px}.popup-content .form-row .form-group{flex:1}.popup-actions button.secondary{background:#fff;color:#666;border:1px solid #e0e0e0}.popup-actions button.secondary:hover{background:#f5f5f5}.popup-actions button.secondary:disabled{opacity:.6;cursor:not-allowed}.popup-actions button .icon{display:flex;align-items:center;font-size:18px}.recipients-input{display:flex;flex-direction:column;gap:8px}.recipients-input input{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}.recipients-list{display:flex;flex-wrap:wrap;gap:8px}.recipient-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#f0f7ff;border-radius:16px;font-size:13px;color:#2196f3}.recipient-chip button{border:none;background:none;color:inherit;cursor:pointer;padding:0 2px;font-size:16px}.recipient-chip button:hover{color:#1976d2}.form-header{display:flex;justify-content:flex-end;margin-bottom:16px}.elaborate-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #e0e4e8;border-radius:6px;background:#fff;color:#4a5568;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.elaborate-button:hover{background:#f7fafc;border-color:#cbd5e0}.elaborate-button.active{background:#ebf4ff;border-color:#4299e1;color:#2b6cb0}.elaborate-button:disabled{opacity:.6;cursor:not-allowed}.elaboration-input-container{display:flex;gap:8px;margin-bottom:16px;padding:16px;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.elaboration-input{flex:1;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;transition:all .2s ease}.elaboration-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.elaboration-input:disabled{background:#edf2f7;cursor:not-allowed}.elaborate-submit{padding:8px 16px;background:#4299e1;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.elaborate-submit:hover{background:#3182ce}.elaborate-submit:disabled{background:#90cdf4;cursor:not-allowed}.attendee-suggestions{position:absolute;width:calc(100% - 40px);max-height:200px;overflow-y:auto;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;margin-top:4px;z-index:100}.attendee-suggestions .suggestion-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:background-color .15s ease}.attendee-suggestions .suggestion-item:hover{background-color:#f5f8ff}.attendee-suggestions .suggestion-item .suggestion-avatar{width:28px;height:28px;border-radius:50%;background-color:#e8f0fe;color:#4285f4;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:13px;margin-right:10px;flex-shrink:0}.attendee-suggestions .suggestion-item .suggestion-email{flex-grow:1;font-size:14px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attendee-suggestions .suggestion-item .suggestion-add{width:20px;height:20px;border-radius:50%;background-color:#f0f4fa;color:#4285f4;display:flex;align-items:center;justify-content:center;font-weight:700;margin-left:8px;font-size:16px;transition:all .2s ease}.attendee-suggestions .suggestion-item .suggestion-add:hover{background-color:#4285f4;color:#fff}.attendees-field{position:relative}.attendees-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.attendees-list .attendee-chip{display:inline-flex;align-items:center;background-color:#f0f4fa;border-radius:16px;padding:4px 10px;font-size:13px;color:#555}.attendees-list .attendee-chip button{background:none;border:none;color:#999;font-size:16px;cursor:pointer;padding:0 0 0 5px;display:inline-flex;align-items:center}.attendees-list .attendee-chip button:hover{color:#d32f2f}.task-popup{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:24px}.task-popup .task-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.task-popup .task-popup-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1a1a1a}.task-popup .task-popup-header .close-icon{cursor:pointer;color:#666;font-size:20px;transition:color .2s}.task-popup .task-popup-header .close-icon:hover{color:#1a1a1a}.task-popup .task-popup-header .refresh-icon{display:flex;align-items:center;color:var(--text-color-light);transition:color .2s ease}.task-popup .task-popup-header .refresh-icon:hover{color:var(--text-color)}.task-popup .task-popup-content .task-input{margin-bottom:16px}.task-popup .task-popup-content .task-input .MuiOutlinedInput-root{background:#f8f9fa}.task-popup .task-popup-content .loading-container{display:flex;justify-content:center;padding:32px 0}.task-popup .task-popup-content .destinations-section{margin-top:24px}.task-popup .task-popup-content .destinations-section h2.task-heading{margin:0 0 16px;font-size:1.25rem;font-weight:600;color:#1a1a1a;display:flex;align-items:center}.task-popup .task-popup-content .destinations-section h2.task-heading .info-icon{margin-left:8px;display:flex;align-items:center;color:#666;cursor:pointer}.task-popup .task-popup-content .destinations-section h2.task-heading .info-icon:hover{color:#1a1a1a}.task-popup .task-popup-content .destinations-section .boards-heading{margin-top:20px;font-size:.9rem;color:#666;margin-bottom:12px}.task-popup .task-popup-content .destinations-section .destinations-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;align-items:center}.task-popup .task-popup-content .destinations-section .destinations-grid.integrations-row{border-bottom:1px solid #f0f0f0;padding-bottom:16px}.task-popup .task-popup-content .destinations-section .destinations-grid.boards-row{padding-top:4px}.task-popup .task-popup-content .destinations-section .destinations-grid .destination-chip{transition:all .2s}.task-popup .task-popup-content .destinations-section .destinations-grid .destination-chip:hover{transform:translateY(-1px)}.task-popup .task-popup-content .destinations-section .destinations-grid .destination-chip .destination-icon{width:16px;height:16px;object-fit:contain}.task-popup .task-popup-content .destinations-section .destinations-grid .add-integration-button{border:1px dashed #9CA3AF;height:32px;width:32px;padding:4px;margin:0;color:#4b5563;align-self:center;transition:all .2s}.task-popup .task-popup-content .destinations-section .destinations-grid .add-integration-button:hover{transform:translateY(-1px);background-color:#f3f4f6}.task-popup .task-popup-footer{margin-top:24px;display:flex;justify-content:flex-end;gap:12px}.description-section{background:#f8fafc;border-radius:12px;padding:16px}.description-section .section-title{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-weight:600;margin-bottom:12px}.description-section .description-input{background:transparent;padding:8px;border-radius:4px;transition:all .2s;width:100%;min-height:200px;border:none;resize:none;font-size:14px;line-height:1.6;color:#334155}.description-section .description-input:focus{outline:none}.description-section .description-input::placeholder{color:#cbd5e1}.description-section .description-input:hover,.description-section .description-input:focus{background:#fff}.content-editor{background:#f8fafc;border-radius:12px;padding:16px}.content-editor .section-title{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-weight:600;margin-bottom:12px}.content-editor .editor-container{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #E2E8F0;transition:all .2s}.content-editor .editor-menu{display:flex;padding:8px;border-bottom:1px solid #E2E8F0;background:#fff;flex-wrap:wrap;gap:4px}.content-editor .editor-menu button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;border:none;background:transparent;border-radius:4px;color:#64748b;cursor:pointer;transition:all .2s}.content-editor .editor-menu button:hover{background:#f1f5f9;color:#334155}.content-editor .editor-menu button.is-active{background:#f1f5f9;color:#0f172a}.content-editor .editor-menu button:disabled{opacity:.5;cursor:not-allowed}.content-editor .editor-menu button svg{width:18px;height:18px}.content-editor .editor-menu .divider{width:1px;background:#e2e8f0;margin:0 4px}.content-editor .editor-menu .heading-select{height:32px;padding:0 8px;border:1px solid #E2E8F0;border-radius:4px;background:#fff;color:#64748b;cursor:pointer;font-size:14px;margin-right:4px}.content-editor .editor-menu .heading-select:hover{border-color:#94a3b8}.content-editor .editor-menu .heading-select:focus{outline:none;border-color:#3b82f6}.content-editor .editor-menu .copy-button:hover{background:#f1f5f9;color:#3b82f6}.content-editor .content-editor-prose{padding:16px;min-height:200px;max-height:500px;overflow-y:auto}.content-editor .content-editor-prose:focus{outline:none}.content-editor .content-editor-prose p{margin:.5em 0}.content-editor .content-editor-prose ul,.content-editor .content-editor-prose ol{padding-left:1.2em;margin:.5em 0}.content-editor .content-editor-prose h1,.content-editor .content-editor-prose h2,.content-editor .content-editor-prose h3,.content-editor .content-editor-prose h4,.content-editor .content-editor-prose h5,.content-editor .content-editor-prose h6{margin:1em 0 .5em;line-height:1.3}.content-editor .content-editor-prose blockquote{border-left:3px solid #E2E8F0;margin:1em 0;padding-left:1em;color:#64748b}.content-editor .content-editor-prose code{background:#f1f5f9;padding:.2em .4em;border-radius:4px;font-size:.9em;font-family:monospace}.content-editor .content-editor-prose pre{background:#f1f5f9;padding:1em;border-radius:4px;overflow-x:auto}.content-editor .content-editor-prose pre code{background:none;padding:0}.content-editor .content-editor-prose hr{border:none;border-top:2px solid #E2E8F0;margin:1em 0}.content-editor .content-editor-prose ul[data-type=taskList]{list-style:none;padding:0}.content-editor .content-editor-prose ul[data-type=taskList] li{display:flex;gap:.5em;align-items:flex-start;margin:.5em 0}.content-editor .content-editor-prose ul[data-type=taskList] li label{-webkit-user-select:none;user-select:none}.content-editor .content-editor-prose ul[data-type=taskList] li input[type=checkbox]{margin:0!important;-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;background-color:#fff!important;cursor:pointer!important;position:relative!important;flex-shrink:0!important}.content-editor .content-editor-prose ul[data-type=taskList] li input[type=checkbox]:checked{background-color:#3b82f6!important;border-color:#3b82f6!important}.content-editor .content-editor-prose ul[data-type=taskList] li input[type=checkbox]:checked:after{content:""!important;position:absolute!important;left:7px!important;top:3px!important;width:4px!important;height:8px!important;border:solid white!important;border-width:0 2px 2px 0!important;transform:rotate(45deg)!important}.content-editor .content-editor-prose ul[data-type=taskList] li input[type=checkbox]:hover{border-color:#94a3b8!important}.content-editor .content-editor-prose ul[data-type=taskList] li p{margin:0!important;min-height:1.5em!important;min-width:1px!important;padding:2px 0!important}.content-editor .content-editor-prose ul[data-type=taskList] li p:empty:after{content:"​"!important;display:inline!important}.content-editor .content-editor-prose h1{font-size:2em;font-weight:600}.content-editor .content-editor-prose h2{font-size:1.5em;font-weight:600}.content-editor .content-editor-prose h3{font-size:1.17em;font-weight:600}.content-editor .content-editor-prose em{font-style:italic}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#94a3b8;pointer-events:none;height:0}.popup-title{font-size:24px;font-weight:600;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.action-item-selection{display:flex;flex-direction:row;gap:8px;padding-bottom:.5rem}.user-input{background-color:#e9ecef;padding:12px 16px;border-radius:8px;margin-bottom:24px}.email-form .form-group,.task-form .form-group,.meeting-form .form-group{margin-bottom:16px}.email-form .form-group label,.task-form .form-group label,.meeting-form .form-group label{display:block;font-weight:500;margin-bottom:8px}.email-form .form-group input,.email-form .form-group textarea,.email-form .form-group select,.task-form .form-group input,.task-form .form-group textarea,.task-form .form-group select,.meeting-form .form-group input,.meeting-form .form-group textarea,.meeting-form .form-group select{width:100%;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px}.email-form .form-group input:focus,.email-form .form-group textarea:focus,.email-form .form-group select:focus,.task-form .form-group input:focus,.task-form .form-group textarea:focus,.task-form .form-group select:focus,.meeting-form .form-group input:focus,.meeting-form .form-group textarea:focus,.meeting-form .form-group select:focus{outline:none;border-color:#adb5bd}.email-form .form-group textarea,.task-form .form-group textarea,.meeting-form .form-group textarea{min-height:120px;resize:vertical}.email-form .form-group select,.task-form .form-group select,.meeting-form .form-group select{background-color:#fff;cursor:pointer}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.email-dialog{background-color:#f8f9fa;border-radius:8px;margin-bottom:24px;overflow:hidden;border:1px solid #dee2e6}.email-dialog .conversation{max-height:300px;overflow-y:auto;padding:16px}.email-dialog .conversation .message{margin-bottom:12px;padding:8px 12px;border-radius:6px;max-width:80%}.email-dialog .conversation .message.assistant{background-color:#f1f1f1;margin-right:auto}.email-dialog .conversation .message.user{background-color:#eeeffa;margin-left:auto}.email-dialog .prompt-form{display:flex;gap:.5rem;background-color:#fff;padding:.5rem;margin-top:.5rem;border-radius:5px}.email-dialog .prompt-form textarea{flex:1;min-width:50px}.popup-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.meeting-popup{background:#fff;border-radius:12px;width:100%}.meeting-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.meeting-popup-header h2{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.meeting-popup .meeting-variants{display:flex;gap:8px;margin-bottom:24px}.meeting-popup .meeting-variants .variant-btn{padding:6px 16px;border:1px solid #e0e0e0;border-radius:20px;background:transparent;color:#666;cursor:pointer;transition:all .2s}.meeting-popup .meeting-variants .variant-btn.active{background:#f0f7ff;border-color:#2196f3;color:#2196f3}.meeting-popup .meeting-variants .variant-btn:hover{background:#f5f5f5}.meeting-popup .meeting-form-content{display:flex;flex-direction:column;gap:16px}.meeting-popup .form-field{position:relative}.meeting-popup .form-field .input-with-icon{display:flex;align-items:center;gap:12px}.meeting-popup .form-field .input-with-icon input,.meeting-popup .form-field .input-with-icon select{font-family:Roboto,sans-serif}.meeting-popup .form-field .input-with-icon .field-icon{font-size:20px;color:#666;flex-shrink:0}.meeting-popup .form-field .input-with-icon input,.meeting-popup .form-field .input-with-icon textarea{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s}.meeting-popup .form-field .input-with-icon input:focus,.meeting-popup .form-field .input-with-icon textarea:focus{outline:none;border-color:#2196f3}.meeting-popup .form-field.description-field .input-with-icon{align-items:flex-start}.meeting-popup .form-field.description-field .input-with-icon .field-icon{margin-top:10px}.meeting-popup .form-field.description-field .input-with-icon textarea{resize:vertical;min-height:80px}.meeting-popup .form-field.attendees-field .attendees-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.meeting-popup .form-field.attendees-field .attendee-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#f0f7ff;border-radius:16px;font-size:13px;color:#2196f3}.meeting-popup .form-field.attendees-field .attendee-chip button{border:none;background:none;color:inherit;cursor:pointer;padding:0 2px;font-size:16px}.meeting-popup .form-field.attendees-field .attendee-chip button:hover{color:#1976d2}.meeting-popup .form-field .title-input{font-size:16px;font-weight:500}.meeting-popup .form-field textarea{resize:vertical;min-height:80px}.meeting-popup .form-row{display:flex;gap:16px}.meeting-popup .form-row .form-field{flex:1}.meeting-popup .meeting-popup-header{display:flex;justify-content:space-between;align-items:center}.meeting-popup .meeting-popup-header .refresh-icon{display:flex;align-items:center;color:var(--text-color-light);transition:color .2s ease}.meeting-popup .meeting-popup-header .refresh-icon:hover{color:var(--text-color)}.meeting-popup-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #f0f0f0}.meeting-popup-footer button{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.meeting-popup-footer button.secondary-btn{background:#fff;color:#666;border:1px solid #e0e0e0}.meeting-popup-footer button.secondary-btn:hover{background:#f5f5f5}.meeting-popup-footer button.secondary-btn:disabled{opacity:.6;cursor:not-allowed}.meeting-popup-footer button.secondary-btn .icon{display:flex;align-items:center;font-size:18px}.meeting-popup-footer button.schedule{background-color:#eeeffa;color:#4979a3}.icon-button{background:transparent;border:none;padding:8px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s}.icon-button:hover{background:#f5f5f5}.action-type-dropdown{position:relative}.action-type-dropdown .button-group{display:flex;align-items:stretch}.action-type-dropdown .button-group .action{padding:8px;border:none;border-radius:6px 0 0 6px;transition:all .2s ease;background:transparent}.action-type-dropdown .button-group .action.button{cursor:pointer}.action-type-dropdown .button-group .action.button.followup-meeting{background-color:#fdf1fa;color:#882c90}.action-type-dropdown .button-group .action.button.email{background-color:#fdf9e9;color:#765812}.action-type-dropdown .button-group .action.button.task{background-color:#eeeffa;color:#4979a3}.action-type-dropdown .button-group .action.other{background-color:#f0f3f6;color:#353b42}.action-type-dropdown .button-group .dropdown-toggle{padding:4px;border:none;border-radius:0 6px 6px 0;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;border-left:1px solid rgba(0,0,0,.1)}.action-type-dropdown .button-group .dropdown-toggle.followup-meeting{background-color:#fdf1fa;color:#882c90}.action-type-dropdown .button-group .dropdown-toggle.email{background-color:#fdf9e9;color:#765812}.action-type-dropdown .button-group .dropdown-toggle.task{background-color:#eeeffa;color:#4979a3}.action-type-dropdown .button-group .dropdown-toggle.other{background-color:#f0f3f6;color:#353b42}.action-type-dropdown .button-group .dropdown-toggle .arrow{transition:transform .2s ease;opacity:.7}.action-type-dropdown .button-group .dropdown-toggle .arrow.open{transform:rotate(180deg)}.action-type-dropdown .button-group .dropdown-toggle:hover .arrow{opacity:1}.action-type-dropdown .dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:4px;min-width:180px;z-index:1000}.action-type-dropdown .dropdown-menu .menu-item{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#374151}.action-type-dropdown .dropdown-menu .menu-item:hover,.action-type-dropdown .dropdown-menu .menu-item.active{background:#f3f4f6}.action-type-dropdown .dropdown-menu .menu-item span{font-size:14px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;z-index:1000}.comments-wrapper{position:relative;width:100%;height:100%}.context-menu{position:absolute;background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 10px #0000001a;border-radius:4px;z-index:1000;transition:opacity .3s;padding:10px}.context-menu button{display:block;background:none;border:none;cursor:pointer;padding:5px 10px;text-align:left;width:100%;color:#333;font-size:14px;outline:none}.context-menu button:hover{background-color:#f2f2f2}.context-menu button:focus{background-color:#e2e2e2}.context-menu{position:absolute;background:#fff;border:1px solid #ccc;box-shadow:0 2px 10px #0000001a;z-index:1000}.context-menu button{display:block;width:100%;padding:10px;border:none;background:none;cursor:pointer;text-align:left}.context-menu button:hover{background:#f0f0f0}.comments-wrapper{position:relative}.comment-bubble{position:absolute;background:#62abebbf;border:1px solid #bbb;border-radius:5px;padding:5px 10px;max-width:150px;box-shadow:0 2px 5px #0000001a;z-index:1000}.comment-bubble.new-comment input{width:100%;padding:5px;color:#000;border:none;box-shadow:none;outline:none;background:transparent}.comment-bubble.new-comment input::placeholder{color:#0009}.comment-bubble:hover{transform:scale(1.05);padding:5px 25px 5px 10px}.comment-bubble .close-button{display:none;background:none;border:none;color:#fff;font-size:14px;position:absolute;top:5px;right:5px;padding:0;cursor:pointer;outline:none}.comment-bubble .close-button:hover{color:#8b0000}.comment-bubble:hover .close-button{display:block}.videoheader-main-titles-mobile{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.videoheader-main-titles-mobile .title{display:flex;align-items:center;flex:1;justify-content:center;position:relative}.videoheader-main-titles-mobile .title h4{margin:0;padding:12px 0}.videoheader-main-titles-mobile .title h4.bold{font-weight:600}.videoheader-main-titles-mobile .title h4.normal{font-weight:400}.videoheader-main-titles-mobile .title.not-displayed{color:#ababab}.videoheader-main-titles-mobile .title.displayed{color:#000}.meeting-page-container{-ms-overflow-style:none;scrollbar-width:none;position:relative;display:flex;flex-direction:column;align-items:center;color:#000;width:100%;height:100%;overflow-y:auto}.meeting-page-container::-webkit-scrollbar{display:none}.meeting-page-container .opti-title{position:absolute;left:0;right:0;top:90px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 1600px){.meeting-page-container .opti-title{left:0;top:60px}}@media (max-width: 1600px){.meeting-page-container .opti-title{top:10px}}.meeting-page-container .opti-title .title-icon-container{display:flex;align-items:center;gap:.5rem}.meeting-page-container .opti-title .info-icon{cursor:pointer;color:gray;padding:.5rem .5rem .25rem;border-radius:50%;background-color:transparent;transition:all .2s ease-in-out;display:flex;align-items:center}.meeting-page-container .opti-title .info-icon:hover{background-color:#f0f0f0;color:#333}.meeting-page-container .opti-title .subtitle{text-align:center}.meeting-page-container .opti-title .subtitle .highlight{color:#ed908c}.meeting-page-container .search-bar-container{position:absolute;left:0;right:0;top:227.5px;display:flex;align-items:center;justify-content:center}@media (max-width: 1600px){.meeting-page-container .search-bar-container{left:0;top:60px}}@media (max-width: 1600px){.meeting-page-container .search-bar-container{top:97.5px}}.meeting-page-container .page-content{position:absolute;left:0;right:0;top:290px;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}@media (max-width: 1600px){.meeting-page-container .page-content{left:0;top:60px}}@media (max-width: 1600px){.meeting-page-container .page-content{top:140px}}.meeting-page-container .page-content .page-content-wrap{width:95%;max-width:1600px;display:flex;flex-direction:column;align-items:center;justify-content:center}.meeting-page-container .subtitle{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;background:linear-gradient(45deg,#5f7876,#ff6e6e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}@media (max-width: 1600px){.meeting-page-container .subtitle{font-size:16px}}@media (max-width: 768px){.meeting-page-container .subtitle{font-size:14px}}.meeting-page-container .page-content-wrap .opti-buttons{display:flex;gap:20px;margin-bottom:1rem}.action-button-container{padding-top:30px;display:flex;flex-direction:row;gap:20px;align-items:center}.action-button-container button{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;border:none;cursor:pointer;transition:background-color .2s ease;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;line-height:20px;white-space:nowrap}.action-button-container button .icon{display:flex;align-items:center;justify-content:center;font-size:20px}.action-button-container .join-live{background-color:#fbeae9;color:#390000}.action-button-container .join-live:hover{background-color:#f3c1be}.action-button-container .upload{background-color:#eeeffa;color:#4f59ca}.action-button-container .upload:hover{background-color:#c7caee}.action-button-container .schedule{background-color:#fdf4e6;color:#f6ad2c}.action-button-container .schedule:hover{background-color:#f9dfb7}.action-button-container .screen-record{background-color:#e0f2f8;color:#74b2cd}.action-button-container .screen-record:hover{background-color:#b6e1ef}.joinlive-popup-container{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.joinlive-popup-container .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.joinlive-popup-container .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.joinlive-popup-container .popup-title{font-size:16px}}.joinlive-popup-container .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.joinlive-popup-container .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.joinlive-popup-container .popup-item-title{font-size:14px}}.joinlive-popup-container .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.joinlive-popup-container .popup{width:300px;gap:1rem}.joinlive-popup-container .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.joinlive-popup-container .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000;margin-bottom:1rem}@media (max-width: 1600px){.joinlive-popup-container .popup .popup-content{font-size:13px}}.joinlive-popup-container .popup .popup-content .joinlive-popup-protocol,.joinlive-popup-container .popup .popup-content .joinlive-popup-input{display:flex;flex-direction:column;gap:.5rem}.joinlive-popup-container .popup .popup-content .joinlive-popup-protocol .add-password-link,.joinlive-popup-container .popup .popup-content .joinlive-popup-input .add-password-link{text-decoration:underline;color:gray}.schedule-popup-container{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.schedule-popup-container .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.schedule-popup-container .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.schedule-popup-container .popup-title{font-size:16px}}.schedule-popup-container .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.schedule-popup-container .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.schedule-popup-container .popup-item-title{font-size:14px}}.schedule-popup-container .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.schedule-popup{background-color:#fff;border-radius:8px;padding:1rem;width:300px;display:flex;flex-direction:column;gap:1rem;position:relative}.schedule-popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.schedule-popup .popup-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000;margin-bottom:1rem}@media (max-width: 1600px){.schedule-popup .popup-content{font-size:13px}}.schedule-popup .popup-content .clickable-item{display:flex;flex-direction:row;justify-content:center;align-items:center;width:80%;height:30px;gap:.5rem;border:1px solid #E6E6E6;border-radius:12px;font-family:Roboto,sans-serif;font-size:18px;cursor:pointer;padding:.25rem}@media (max-width: 1600px){.schedule-popup .popup-content .clickable-item{font-size:16px}}@media (max-width: 768px){.schedule-popup .popup-content .clickable-item{font-size:14px}}.schedule-popup .popup-content .clickable-item:hover{background-color:#e6e6e6}.upload-popup-container{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.upload-popup-container .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.upload-popup-container .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.upload-popup-container .popup-title{font-size:16px}}.upload-popup-container .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.upload-popup-container .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.upload-popup-container .popup-item-title{font-size:14px}}.upload-popup-container .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.upload-popup-container .popup{width:300px;gap:1rem}.upload-popup-container .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.upload-popup-container .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000;margin-bottom:1rem}@media (max-width: 1600px){.upload-popup-container .popup .popup-content{font-size:13px}}.upload-popup-container .popup .popup-content .upload-popup-protocol,.upload-popup-container .popup .popup-content .upload-popup-input{display:flex;flex-direction:column;gap:.5rem}.upload-popup-container .popup .popup-content .upload-popup-protocol .add-password-link,.upload-popup-container .popup .popup-content .upload-popup-input .add-password-link{text-decoration:underline;color:gray}.input-video-upload-wrap{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.input-video-upload-wrap .input-thumbnail{width:300px;max-width:100%;border-radius:5px}.input-video-upload-wrap .input-title,.input-video-upload-wrap .extra-infos,.input-video-upload-wrap .video-length,.input-video-upload-wrap .check{margin-bottom:.5rem;text-align:center}.input-video-upload-wrap .input-upload{width:100%;padding:1rem 0;border:2px dashed #ababab;box-sizing:border-box;border-radius:8px;color:gray;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;text-align:center}@media (max-width: 1600px){.input-video-upload-wrap .input-upload{font-size:13px}}.input-video-upload-wrap .input-upload .input-upload-text p{margin:0;padding:0 .25rem;max-width:90%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.input-video-upload-wrap .input-upload .input-upload-text{display:flex;align-items:center;justify-content:center;gap:.5rem}@media (max-width: 1600px){.input-video-upload-wrap{width:100%}}.recordingindicator{position:fixed;top:0;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:4px 18px 6px;border-radius:0 0 25px 25px;display:flex;align-items:center;gap:12px;z-index:9999;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.recordingindicator .recording-dot{width:8px;height:8px;background-color:#ff4b4b;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.recordingindicator .recording-time{font-size:14px;font-weight:500}.recordingindicator .stop-button{background:none;border:none;color:#fff;cursor:pointer;padding:4px;font-size:16px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.recordingindicator .stop-button:hover{transform:scale(1.1)}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.header-content{display:flex;align-items:center;gap:8px}.duration-badge{font-size:12px;color:#fff;padding:4px 8px;border-radius:4px}.recording-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.recording-preview-modal{background:#fff;padding:24px;border-radius:12px;max-width:800px;width:90%;box-shadow:0 20px 40px #0003;animation:modalFadeIn .3s ease-out}.recording-preview-modal .preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.recording-preview-modal .preview-header .close-btn{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.recording-preview-modal .preview-header .close-btn:hover{background:#f0f0f0;color:#333}.recording-preview-modal .video-container{position:relative;border-radius:8px;overflow:hidden;margin-bottom:20px}.recording-preview-modal .video-container .preview-video{width:100%;display:block}.recording-preview-modal .preview-actions{display:flex;justify-content:space-between;align-items:center;gap:16px}.recording-preview-modal .preview-actions .left-actions,.recording-preview-modal .preview-actions .right-actions{display:flex;gap:12px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.meeting-container{display:flex;flex-direction:row;gap:2rem;width:100%;padding-top:2rem;max-height:100%}.meeting-container .placeholder{color:#ababab;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700;padding:1rem;display:flex;justify-content:center;align-items:center}@media (max-width: 1600px){.meeting-container .placeholder{font-size:16px}}.meeting-container .meeting-list-title,.meeting-container .calendar-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:1rem}@media (max-width: 1600px){.meeting-container .meeting-list-title,.meeting-container .calendar-title{font-size:16px}}.meeting-container .meeting-list-container{flex:1;display:flex;flex-direction:column}.meeting-container .meeting-list-container .meeting-list{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding-right:.5rem}.meeting-container .meeting-list-container .meeting-list::-webkit-scrollbar{width:6px}.meeting-container .meeting-list-container .meeting-list::-webkit-scrollbar-thumb{background-color:#e6e6e6;border-radius:3px}.meeting-container .meeting-list-container .meeting-list .meeting-group{border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column}.meeting-container .meeting-list-container .meeting-list .meeting-group:nth-child(1){background-color:#ebf0ff}.meeting-container .meeting-list-container .meeting-list .meeting-group:nth-child(2){background-color:#fff0f0}.meeting-container .meeting-list-container .meeting-list .meeting-group:nth-child(n+3){background-color:#f3edff}.meeting-container .meeting-list-container .meeting-list .meeting-group .meeting-group-date{color:#000;margin-bottom:.5rem;text-transform:capitalize}.meeting-container .meeting-list-container .meeting-list .meeting-group>*:not(:last-child){margin-bottom:.5rem}.meeting-container .meeting-list-container .meeting-list .pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:20px 0;margin-top:auto}.meeting-container .meeting-list-container .meeting-list .pagination .pagination-button{min-width:36px;height:36px;border:none;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0 12px;color:#000;font-weight:500;box-shadow:0 1px 3px #0000001a}.meeting-container .meeting-list-container .meeting-list .pagination .pagination-button:hover:not(.disabled){background:#fff;color:#000}.meeting-container .meeting-list-container .meeting-list .pagination .pagination-button.active{background:#000;color:#fff}.meeting-container .meeting-list-container .meeting-list .pagination .pagination-button.disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.meeting-container .calendar-container{flex:0 0 auto;width:300px;display:flex;flex-direction:column;gap:.5rem}.meeting-container .calendar-container .calendar-calendar{border-radius:12px;height:300px}@media (max-width: 768px){.meeting-container .calendar-container{display:none}}.modern-calendar .MuiDateCalendar-root{border-radius:12px;box-shadow:0 4px 12px #0000001a;background-color:#fff}.modern-calendar .MuiPickersDay-root{font-weight:500;transition:all .2s ease-in-out}.modern-calendar .MuiPickersDay-root:hover{background-color:#0000000a}.modern-calendar .MuiPickersDay-root.Mui-selected{background-color:#98cbff;color:#fff}.modern-calendar .meeting-count{background-color:#3b52ff;color:#fff;font-size:.65rem;font-weight:700;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center}.meeting-cal-item{display:flex;align-items:center;justify-content:space-between;max-width:100%;padding:.5rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s ease;gap:.5rem}.meeting-cal-item:hover{box-shadow:0 4px 8px #00000026}.meeting-cal-item .meeting-item-main{display:flex;flex-direction:column;gap:8px;flex-grow:1;width:100%}.meeting-cal-item .meeting-item-title-container{display:flex;align-items:center;gap:8px;width:100%}.meeting-cal-item .meeting-provider-icon{width:20px;height:20px;object-fit:contain}@media (max-width: 1600px){.meeting-cal-item .meeting-provider-icon{width:16px;height:16px}}.meeting-cal-item .meeting-item-title{color:#4979a3;font-family:Roboto,sans-serif;font-size:18px;font-weight:600;text-decoration:none;cursor:pointer;transition:color .2s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;width:0;flex-grow:1}@media (max-width: 1600px){.meeting-cal-item .meeting-item-title{font-size:16px}}@media (max-width: 768px){.meeting-cal-item .meeting-item-title{font-size:14px}}.meeting-cal-item .meeting-item-title:hover{color:#31526e}.meeting-cal-item .meeting-item-time{display:flex;align-items:center;gap:8px;color:gray;font-family:Roboto,sans-serif;font-size:16px;font-weight:400}@media (max-width: 1600px){.meeting-cal-item .meeting-item-time{font-size:13px}}.meeting-cal-item .meeting-item-time .calendar-icon,.meeting-cal-item .meeting-item-time .time-icon{font-size:16px}.meeting-cal-item .meeting-item-status{display:flex;align-items:center;gap:4px;padding:4px 8px;background-color:#fbeae9;color:#e8746e;border-radius:16px;font-size:12px;font-weight:600}.meeting-cal-item .meeting-item-status .live-icon{font-size:12px;color:#ff3b30}.meeting-cal-item .meeting-item-actions{display:flex;align-items:center;gap:.5rem}.meeting-cal-item .meeting-item-protocol{width:160px}@media (max-width: 768px){.meeting-cal-item{flex-direction:column;align-items:flex-start;gap:.5rem}.meeting-cal-item .meeting-item-actions{width:100%;justify-content:space-between}.meeting-cal-item .meeting-item-protocol{display:none}}.agentsettings-popup-container{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.agentsettings-popup-container .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.agentsettings-popup-container .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.agentsettings-popup-container .popup-title{font-size:16px}}.agentsettings-popup-container .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.agentsettings-popup-container .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.agentsettings-popup-container .popup-item-title{font-size:14px}}.agentsettings-popup-container .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.agentsettings-popup-container .popup{width:400px;gap:1rem}.agentsettings-popup-container .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.agentsettings-popup-container .popup .popup-content{display:flex;flex-direction:column;gap:1rem;color:#000;margin-bottom:1rem}.agentsettings-popup-container .popup .popup-content .rule-item{display:flex;flex:1;max-width:600px;flex-direction:column;align-items:center;gap:.5rem}.agentsettings-popup-container .popup .popup-content .rule-item .rule-item-title{width:100%;color:#000;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.unsubscribepage-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;color:#000}.unsubscribepage-container .unsubscribepage-content{margin:auto;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:600px;min-height:auto;background-color:#fff;border:1px solid #E6E6E6;border-radius:12px;padding:2.5rem;box-shadow:0 4px 12px #0000001a;border:1px solid #e4e4e4}.unsubscribepage-container .unsubscribepage-content h2{margin-bottom:.5rem;font-size:1.75rem;font-weight:600}.unsubscribepage-container .unsubscribepage-content .description{color:#666;margin-bottom:2rem}.unsubscribepage-container .unsubscribepage-content .email-section{margin-bottom:2rem}.unsubscribepage-container .unsubscribepage-content .email-section input{width:100%;padding:12px;border:1px solid #e1e1e1;border-radius:8px;font-size:1rem;transition:border-color .2s}.unsubscribepage-container .unsubscribepage-content .email-section input:focus{border-color:#74b2cd;outline:none}.unsubscribepage-container .unsubscribepage-content .preferences-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.unsubscribepage-container .unsubscribepage-content .preferences-section .preference-item{background-color:#f8f9fa;border-radius:8px;transition:transform .2s}.unsubscribepage-container .unsubscribepage-content .preferences-section .preference-item:hover{transform:translate(4px)}.unsubscribepage-container .unsubscribepage-content .preferences-section .preference-item label{display:flex;align-items:flex-start;padding:1rem;cursor:pointer;gap:1rem}.unsubscribepage-container .unsubscribepage-content .preferences-section .preference-item label input[type=checkbox]{margin-top:4px;width:18px;height:18px}.unsubscribepage-container .unsubscribepage-content .preferences-section .preference-item label .preference-content h4{margin:0;font-size:1.1rem;font-weight:500}.unsubscribepage-container .unsubscribepage-content .preferences-section .preference-item label .preference-content p{margin:.25rem 0 0;font-size:.9rem;color:#666}.unsubscribepage-container .unsubscribepage-content button.primary{width:100%;padding:12px;border-radius:8px;font-size:1rem;font-weight:500;background-color:#74b2cd;color:#fff;border:none;cursor:pointer;transition:background-color .2s}.unsubscribepage-container .unsubscribepage-content button.primary:hover{background-color:#61a8c6}.unsubscribepage-container .unsubscribepage-content button.primary:disabled{opacity:.7;cursor:not-allowed}.unsubscribepage-container .unsubscribepage-content button.primary .icon{display:inline-flex;margin-right:8px;vertical-align:middle}.integration-page-container{-ms-overflow-style:none;scrollbar-width:none;position:relative;display:flex;flex-direction:column;align-items:center;color:#000;width:100%;height:100%;overflow-y:auto}.integration-page-container::-webkit-scrollbar{display:none}.integration-page-container .opti-title{position:absolute;left:0;right:0;top:90px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 1600px){.integration-page-container .opti-title{left:0;top:60px}}@media (max-width: 1600px){.integration-page-container .opti-title{top:10px}}.integration-page-container .opti-title .title-icon-container{display:flex;align-items:center;gap:.5rem}.integration-page-container .opti-title .info-icon{cursor:pointer;color:gray;padding:.5rem .5rem .25rem;border-radius:50%;background-color:transparent;transition:all .2s ease-in-out;display:flex;align-items:center}.integration-page-container .opti-title .info-icon:hover{background-color:#f0f0f0;color:#333}.integration-page-container .opti-title .subtitle{text-align:center}.integration-page-container .opti-title .subtitle .highlight{color:#ed908c}.integration-page-container .search-bar-container{position:absolute;left:0;right:0;top:227.5px;display:flex;align-items:center;justify-content:center}@media (max-width: 1600px){.integration-page-container .search-bar-container{left:0;top:60px}}@media (max-width: 1600px){.integration-page-container .search-bar-container{top:97.5px}}.integration-page-container .page-content{position:absolute;left:0;right:0;top:290px;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}@media (max-width: 1600px){.integration-page-container .page-content{left:0;top:60px}}@media (max-width: 1600px){.integration-page-container .page-content{top:140px}}.integration-page-container .page-content .page-content-wrap{width:95%;max-width:1600px;display:flex;flex-direction:column;align-items:center;justify-content:center}.integration-page-container .page-content .page-content-wrap{display:flex;flex-direction:column;gap:1rem}.integration-sections{display:flex;flex-direction:column;width:100%}.integration-section{width:100%;margin-bottom:2rem}.integration-section .integration-section-title{font-size:1.5rem;color:#333;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e0e0e0}.integration-section .integration-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}.integration-thumb{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem;margin:0 .5rem;box-sizing:border-box;width:100%;border:1px solid #E6E6E6;border-radius:12px;background-color:#fff}.integration-thumb .integration-thumb-icon{display:flex;flex-direction:row;align-items:center;gap:.5rem;font-family:Roboto,sans-serif;font-size:20px;font-weight:600}@media (max-width: 1600px){.integration-thumb .integration-thumb-icon{font-size:18px}}@media (max-width: 768px){.integration-thumb .integration-thumb-icon{font-size:16px}}.integration-thumb .integration-thumb-icon .integration-thumb-icon-icon{width:40px;height:64px}.integration-thumb .integration-thumb-icon .integration-thumb-icon-icon img{width:100%;height:100%;object-fit:contain}.integration-thumbnail .connection-status{padding:5px 10px;border-radius:4px;font-size:12px}.integration-thumbnail .connection-status.connected{background-color:#4caf50;color:#fff}.integration-thumbnail.connected{border-color:#4caf50}.settings-hubspot-popup{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.settings-hubspot-popup .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.settings-hubspot-popup .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-hubspot-popup .popup-title{font-size:16px}}.settings-hubspot-popup .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.settings-hubspot-popup .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.settings-hubspot-popup .popup-item-title{font-size:14px}}.settings-hubspot-popup .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.settings-hubspot-popup .popup{width:400px;max-width:75%;max-height:80vh;gap:.5rem;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 20px #00000026}.settings-hubspot-popup .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-hubspot-popup .popup .popup-title{font-size:16px}}.settings-hubspot-popup .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000}@media (max-width: 1600px){.settings-hubspot-popup .popup .popup-content{font-size:13px}}.settings-hubspot-popup .popup .popup-content .setting-item label{display:flex;align-items:center;gap:.5rem;color:#000;cursor:pointer;font-size:14px}.settings-hubspot-popup .popup .popup-content .setting-item label input[type=checkbox]{width:16px;height:16px}.settings-hubspot-popup .popup .popup-button{display:flex;flex-direction:row;justify-content:center}.settings-notion-popup{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.settings-notion-popup .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.settings-notion-popup .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-notion-popup .popup-title{font-size:16px}}.settings-notion-popup .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.settings-notion-popup .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.settings-notion-popup .popup-item-title{font-size:14px}}.settings-notion-popup .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.settings-notion-popup .popup{width:400px;max-width:75%;max-height:80vh;gap:.5rem;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 20px #00000026}.settings-notion-popup .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-notion-popup .popup .popup-title{font-size:16px}}.settings-notion-popup .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000}@media (max-width: 1600px){.settings-notion-popup .popup .popup-content{font-size:13px}}.settings-notion-popup .popup .popup-content .setting-item label{display:flex;align-items:center;gap:.5rem;color:#000;cursor:pointer;font-size:14px}.settings-notion-popup .popup .popup-content .setting-item label input[type=checkbox]{width:16px;height:16px}.settings-notion-popup .popup .popup-button{display:flex;flex-direction:row;justify-content:center}.settings-slack-popup{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.settings-slack-popup .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.settings-slack-popup .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-slack-popup .popup-title{font-size:16px}}.settings-slack-popup .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.settings-slack-popup .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.settings-slack-popup .popup-item-title{font-size:14px}}.settings-slack-popup .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.settings-slack-popup .popup{width:400px;max-width:75%;max-height:80vh;gap:.5rem;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 20px #00000026}.settings-slack-popup .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-slack-popup .popup .popup-title{font-size:16px}}.settings-slack-popup .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000}@media (max-width: 1600px){.settings-slack-popup .popup .popup-content{font-size:13px}}.settings-slack-popup .popup .popup-content .setting-item label{display:flex;align-items:center;gap:.5rem;color:#000;cursor:pointer;font-size:14px}.settings-slack-popup .popup .popup-content .setting-item label input[type=checkbox]{width:16px;height:16px}.settings-slack-popup .popup .popup-button{display:flex;flex-direction:row;justify-content:center}.settings-planner-popup{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.settings-planner-popup .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.settings-planner-popup .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-planner-popup .popup-title{font-size:16px}}.settings-planner-popup .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.settings-planner-popup .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.settings-planner-popup .popup-item-title{font-size:14px}}.settings-planner-popup .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.settings-planner-popup .popup{width:400px;max-width:75%;max-height:80vh;gap:.5rem;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 20px #00000026}.settings-planner-popup .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-planner-popup .popup .popup-title{font-size:16px}}.settings-planner-popup .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000}@media (max-width: 1600px){.settings-planner-popup .popup .popup-content{font-size:13px}}.settings-planner-popup .popup .popup-content .setting-item label{display:flex;align-items:center;gap:.5rem;color:#000;cursor:pointer;font-size:14px}.settings-planner-popup .popup .popup-content .setting-item label input[type=checkbox]{width:16px;height:16px}.settings-planner-popup .popup .popup-button{display:flex;flex-direction:row;justify-content:center}.settings-monday-popup{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.settings-monday-popup .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.settings-monday-popup .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-monday-popup .popup-title{font-size:16px}}.settings-monday-popup .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.settings-monday-popup .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.settings-monday-popup .popup-item-title{font-size:14px}}.settings-monday-popup .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.settings-monday-popup .popup{width:400px;max-width:75%;max-height:80vh;gap:.5rem;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 20px #00000026}.settings-monday-popup .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-monday-popup .popup .popup-title{font-size:16px}}.settings-monday-popup .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000}@media (max-width: 1600px){.settings-monday-popup .popup .popup-content{font-size:13px}}.settings-monday-popup .popup .popup-content .setting-item label{display:flex;align-items:center;gap:.5rem;color:#000;cursor:pointer;font-size:14px}.settings-monday-popup .popup .popup-content .setting-item label input[type=checkbox]{width:16px;height:16px}.settings-monday-popup .popup .popup-button{display:flex;flex-direction:row;justify-content:center}.feedback-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.feedback-popup{background:#fff;border-radius:8px;padding:24px;width:100%;max-width:500px;box-shadow:0 2px 10px #0000001a}.feedback-popup .feedback-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.feedback-popup .feedback-popup-content{display:flex;flex-direction:column;gap:1rem}.feedback-popup .feedback-popup-content textarea{width:100%;padding:12px;border:1px solid #F6AD2C;border-radius:4px;resize:vertical;font-family:inherit}.feedback-popup .feedback-popup-content textarea:focus{outline:none;border-color:#4979a3}.feedback-popup .feedback-popup-content .secondary{display:flex;justify-content:center}.feedback-popup .feedback-popup-content .secondary button:disabled{cursor:not-allowed;opacity:.7}.settings-n8n-popup{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.settings-n8n-popup .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.settings-n8n-popup .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-n8n-popup .popup-title{font-size:16px}}.settings-n8n-popup .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.settings-n8n-popup .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.settings-n8n-popup .popup-item-title{font-size:14px}}.settings-n8n-popup .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.settings-n8n-popup .popup{width:400px;max-width:75%;max-height:80vh;gap:.5rem;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 20px #00000026}.settings-n8n-popup .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-n8n-popup .popup .popup-title{font-size:16px}}.settings-n8n-popup .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000}@media (max-width: 1600px){.settings-n8n-popup .popup .popup-content{font-size:13px}}.settings-n8n-popup .popup .popup-content .setting-item label{display:flex;align-items:center;gap:.5rem;color:#000;cursor:pointer;font-size:14px}.settings-n8n-popup .popup .popup-button{display:flex;flex-direction:row;justify-content:center}.settings-attios-popup{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.settings-attios-popup .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.settings-attios-popup .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-attios-popup .popup-title{font-size:16px}}.settings-attios-popup .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.settings-attios-popup .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.settings-attios-popup .popup-item-title{font-size:14px}}.settings-attios-popup .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.settings-attios-popup .popup{width:400px;max-width:75%;max-height:80vh;gap:.5rem;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 20px #00000026}.settings-attios-popup .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.settings-attios-popup .popup .popup-title{font-size:16px}}.settings-attios-popup .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000}@media (max-width: 1600px){.settings-attios-popup .popup .popup-content{font-size:13px}}.settings-attios-popup .popup .popup-content .setting-item label{display:flex;align-items:center;gap:.5rem;color:#000;cursor:pointer;font-size:14px}.settings-attios-popup .popup .popup-content .setting-item label input[type=checkbox]{width:16px;height:16px}.settings-attios-popup .popup .popup-button{display:flex;flex-direction:row;justify-content:center}.main-header{display:flex;flex-direction:column;align-items:center;width:100%;position:relative}.main-header .opti-title{display:flex;flex-direction:column;align-items:center;width:100%}.main-header .opti-title h1{display:flex;align-items:center;gap:.5rem}.main-header .opti-title h1 .info-icon{transition:all .2s ease}.main-header .opti-title h1 .info-icon:hover{color:#333;transform:scale(1.1)}.main-header .opti-title .subtitle{background:linear-gradient(to right,gray 80%,#ed908c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.main-header .search-bar-container{position:absolute;top:100%;left:50%;transform:translate(-50%,-50%);width:100%}.auth-popup-overlay{background-color:#eaeaea66;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.auth-popup-overlay .popup{background-color:#fff;border-radius:8px;padding:1rem;position:relative;display:flex;flex-direction:column}.auth-popup-overlay .popup-title{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.auth-popup-overlay .popup-title{font-size:16px}}.auth-popup-overlay .popup-content{flex:1;overflow-y:auto;max-height:500px;display:flex;flex-direction:column}.auth-popup-overlay .popup-item-title{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700;color:#000;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:space-between}@media (max-width: 1600px){.auth-popup-overlay .popup-item-title{font-size:14px}}.auth-popup-overlay .popup-button{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.auth-popup-overlay .popup{width:400px;max-width:75%;max-height:80vh;gap:.5rem;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 20px #00000026}.auth-popup-overlay .popup .popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){.auth-popup-overlay .popup .popup-title{font-size:16px}}.auth-popup-overlay .popup .popup-content{display:flex;flex-direction:column;gap:1rem;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000}@media (max-width: 1600px){.auth-popup-overlay .popup .popup-content{font-size:13px}}.auth-popup-overlay .popup .popup-content p{margin:0}.auth-popup-overlay .popup .popup-button{display:flex;flex-direction:row;justify-content:center;gap:1rem}.auth-popup-overlay .popup .popup-button .disabled{opacity:.5;cursor:not-allowed}.auth-popup-overlay .popup .app-installed-checkbox{display:flex;align-items:center;margin-top:5px}.auth-popup-overlay .popup .app-installed-checkbox label{display:flex;align-items:center;gap:8px;cursor:pointer}.auth-popup-overlay .popup .app-installed-checkbox input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1px solid #ddd;border-radius:3px;background-color:#fff;cursor:pointer;position:relative}.auth-popup-overlay .popup .app-installed-checkbox input[type=checkbox]:checked{background-color:#06f;border-color:#06f}.auth-popup-overlay .popup .app-installed-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.webhook-input{margin:20px 0}.webhook-input input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px}.webhook-input input:focus{outline:none;border-color:#007bff}.popup-button button:disabled{opacity:.6;cursor:not-allowed}.googlemeet{display:flex;flex-direction:column;min-height:100vh}.googlemeet-content{flex:1}.pagewrapper{display:flex;width:100%;height:100vh;overflow:hidden}.pagewrapper .iframe{flex-grow:1}.help-page-container{-ms-overflow-style:none;scrollbar-width:none;position:relative;display:flex;flex-direction:column;align-items:center;color:#000;width:100%;height:100%;overflow-y:auto}.help-page-container::-webkit-scrollbar{display:none}.help-page-container .opti-title{position:absolute;left:0;right:0;top:90px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 1600px){.help-page-container .opti-title{left:0;top:60px}}@media (max-width: 1600px){.help-page-container .opti-title{top:10px}}.help-page-container .opti-title .title-icon-container{display:flex;align-items:center;gap:.5rem}.help-page-container .opti-title .info-icon{cursor:pointer;color:gray;padding:.5rem .5rem .25rem;border-radius:50%;background-color:transparent;transition:all .2s ease-in-out;display:flex;align-items:center}.help-page-container .opti-title .info-icon:hover{background-color:#f0f0f0;color:#333}.help-page-container .opti-title .subtitle{text-align:center}.help-page-container .opti-title .subtitle .highlight{color:#ed908c}.help-page-container .search-bar-container{position:absolute;left:0;right:0;top:227.5px;display:flex;align-items:center;justify-content:center}@media (max-width: 1600px){.help-page-container .search-bar-container{left:0;top:60px}}@media (max-width: 1600px){.help-page-container .search-bar-container{top:97.5px}}.help-page-container .page-content{position:absolute;left:0;right:0;top:290px;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}@media (max-width: 1600px){.help-page-container .page-content{left:0;top:60px}}@media (max-width: 1600px){.help-page-container .page-content{top:140px}}.help-page-container .page-content .page-content-wrap{width:95%;max-width:1600px;display:flex;flex-direction:column;align-items:center;justify-content:center}.help-page-container .subtitle{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;background:linear-gradient(45deg,#5f7876,#ff6e6e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}@media (max-width: 1600px){.help-page-container .subtitle{font-size:16px}}@media (max-width: 768px){.help-page-container .subtitle{font-size:14px}}.help-page-container .page-content-wrap .help-sections-selector{align-self:flex-start;display:flex;flex-direction:row;gap:1rem}.help-page-container .page-content-wrap .help-sections-selector .title{cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.25rem;transition:color .2s ease}.help-page-container .page-content-wrap .help-sections-selector .title.not-displayed{color:#ababab}.help-page-container .page-content-wrap .help-sections-selector .title.displayed{color:#000}.help-page-container .page-content-wrap .help-sections-selector .title .vertical-divider{width:2px;height:18px;transition:opacity .2s ease;background-color:#000}.help-page-container .page-content-wrap .help-sections-selector .title .vertical-divider.displayed{opacity:1}.help-page-container .page-content-wrap .help-sections-selector .title .vertical-divider.not-displayed{opacity:0}.help-page-container .page-content-wrap .help-sections-content{padding-top:2rem;width:100%;display:flex;flex-direction:column;gap:.5rem}.help-page-container .page-content-wrap .help-sections-content .help-video-container{width:80%;padding:.5rem;margin-bottom:.5rem}.pricing-tier{padding:3rem 2rem 1.5rem!important;height:100%;display:flex;flex-direction:column;position:relative;border-radius:18px!important;transition:all .3s ease!important;box-shadow:0 2px 8px #0000000d;z-index:1!important;overflow:visible!important}.pricing-tier:hover{transform:translateY(-4px);box-shadow:0 8px 24px #5279a326}.pricing-tier.popular{border:2px solid #5279A3;z-index:2;box-shadow:0 8px 24px #5279a326}.pricing-tier.popular:hover{transform:scale(1.01);box-shadow:0 12px 48px #5279a333}.pricing-tier .popular-badge{position:absolute;top:-20px;left:50%;width:120px;transform:translate(-50%);background:linear-gradient(135deg,#5279a3,#299ddb);color:var(--surface-color);padding:8px 2rem;border-radius:25px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.3px;z-index:3!important;box-shadow:0 4px 15px #5279a340,0 2px 5px #5279a326;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:float 3s ease-in-out infinite;overflow:visible}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-3px)}}.pricing-tier .popular-badge:hover{transform:translate(-50%) scale(1.05);transition:transform .2s ease}.pricing-tier .tier-content{display:flex;flex-direction:column;flex:1;align-items:center;text-align:center;gap:1.5rem}.pricing-tier .tier-header{margin-bottom:.5rem}.pricing-tier .tier-header .tier-name{font:600 20px Work Sans,sans-serif;color:var(--text-primary);margin-bottom:.5rem}.pricing-tier .tier-header .tier-description{color:var(--text-secondary);font-size:13px}.pricing-tier .price-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.pricing-tier .price-container .price-row{display:flex;align-items:center;gap:8px}.pricing-tier .price-container .price-row .price{font:600 34px Work Sans,sans-serif;color:var(--text-primary)}.pricing-tier .price-container .price-row .enterprise{font:600 32px Work Sans,sans-serif;color:var(--text-primary)}.pricing-tier .price-container .price-row .price-frequency{display:flex;flex-direction:column;align-items:flex-start;gap:1px;margin-left:4px;margin-top:8px}.pricing-tier .price-container .price-row .price-frequency .per-license,.pricing-tier .price-container .price-row .price-frequency .per-month{font-size:11px;color:#666;line-height:1.2}.pricing-tier .price-container .billing-cycle{color:var(--text-secondary);font-size:13px;margin-top:2px}.pricing-tier .features-list{flex:1;width:100%;margin-bottom:auto;list-style:none;padding:0;text-align:left}.pricing-tier .features-list li{display:flex;align-items:flex-start;gap:12px;margin-bottom:.85rem;color:var(--text-secondary);font-size:14px;padding-left:.5rem;line-height:1.4;transition:all .3s ease}.pricing-tier .features-list li:hover{color:var(--text-primary);transform:translate(2px)}.pricing-tier .features-list li .check-icon{color:#5279a3;font-size:18px;margin-top:2px;opacity:.9;flex-shrink:0}.pricing-tier .features-list li span{padding-top:1px}.pricing-tier .cta-button{margin-top:0rem;background:linear-gradient(135deg,#5279a3,#299ddb);color:var(--surface-color);text-transform:none;font-family:Work Sans,sans-serif;padding:14px 28px;border-radius:14px;font-weight:600;font-size:15px;letter-spacing:.2px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #5279a326}.pricing-tier .cta-button span{position:relative;z-index:2}.pricing-tier .cta-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#299ddb,#5279a3);opacity:0;transition:opacity .3s ease;z-index:1}.pricing-tier .cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5279a340}.pricing-tier .cta-button:active{transform:translateY(0);box-shadow:0 4px 12px #1d1dff33}.popular .pricing-tier .cta-button{background:linear-gradient(135deg,#e66b67,#5279a3)}.pricing-tier .button-wrapper{margin-top:auto;width:100%}.pricing-tier>.MuiPaper-root{border-radius:24px}.members-middleware-overlay{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0003;display:flex;justify-content:center;align-items:center;z-index:1100}.members-middleware-content{background:#fff;padding:1.5rem;border-radius:12px;width:90%;max-width:500px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 32px #00000014;border:1px solid rgba(226,232,240,.6);animation:slideIn .2s ease-out}.members-middleware-content h2{margin-bottom:1.25rem;font-size:1.25rem;font-weight:600;color:#1e293b}.members-middleware-content .selection-controls{display:flex;gap:1rem;margin-bottom:1rem;padding:.5rem;background:#f8fafc;border-radius:8px}.members-middleware-content .selection-controls button{flex:1;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer;font-size:.875rem;font-weight:500;color:#1e293b;transition:all .2s ease}.members-middleware-content .selection-controls button:hover{background:#f1f5f9;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.members-middleware-content .members-list .member-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-radius:8px;cursor:pointer;transition:background-color .2s}.members-middleware-content .members-list .member-item:hover{background-color:#f8fafc}.members-middleware-content .members-list .member-item.selected{background-color:#f0f9ff}.members-middleware-content .members-list .member-item .member-info{display:flex;align-items:center;gap:.75rem}.members-middleware-content .members-list .member-item .member-info .member-details{display:flex;flex-direction:column}.members-middleware-content .members-list .member-item .member-info .member-details .member-name{font-weight:500;color:#1e293b}.members-middleware-content .members-list .member-item .member-info .member-details .member-email{font-size:.875rem;color:#64748b}.members-middleware-content .actions{margin-top:1.25rem;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid #F1F5F9;padding-top:1.25rem}.members-middleware-content .actions button{padding:.5rem 1.25rem;border-radius:8px;border:none;cursor:pointer;font-weight:500;transition:all .2s ease}.members-middleware-content .actions button.cancel{background-color:#f1f5f9;color:#64748b}.members-middleware-content .actions button.cancel:hover{background-color:#e2e8f0}.members-middleware-content .actions button.proceed{background-color:#0284c7;color:#fff}.members-middleware-content .actions button.proceed:hover:not(:disabled){background-color:#0369a1;transform:translateY(-1px);box-shadow:0 2px 8px #0284c740}.members-middleware-content .actions button.proceed:disabled{background-color:#94a3b8;cursor:not-allowed}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.checkbox input[type=checkbox]{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:4px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;margin:0;transition:all .2s ease}.checkbox input[type=checkbox]:checked{background-color:#0284c7;border-color:#0284c7}.checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox input[type=checkbox]:hover{border-color:#0284c7}.pricing-container{position:relative;max-width:1600px;margin:0 auto;padding:3rem 5%;font-family:Work Sans,sans-serif;background:var(--background-light);min-height:100vh;display:flex;flex-direction:column;align-items:center}.pricing-container .pricing-header{text-align:center;margin-bottom:3rem;padding:2rem 0}.pricing-container .pricing-header .pricing-title{font:600 34px Work Sans,sans-serif;color:var(--text-primary);margin-bottom:2rem;letter-spacing:-.72px}.pricing-container .pricing-header .billing-toggle{background:var(--surface-color);padding:4px;border-radius:14px;box-shadow:0 2px 8px #0000000d;display:inline-flex;position:relative;overflow:hidden}.pricing-container .pricing-header .billing-toggle .MuiToggleButton-root{padding:8px 2rem;border:none;border-radius:8px!important;font-family:Work Sans,sans-serif;font-weight:500;color:var(--text-secondary);transition:all .3s ease;position:relative;background:transparent}.pricing-container .pricing-header .billing-toggle .MuiToggleButton-root:hover:not(.Mui-selected){background:#5279a30a;color:#5279a3}.pricing-container .pricing-header .billing-toggle .MuiToggleButton-root.Mui-selected{background:linear-gradient(135deg,#5279a3,#299ddb);color:var(--surface-color);box-shadow:0 4px 12px #5279a326;font-weight:600}.pricing-container .pricing-header .billing-toggle .MuiToggleButton-root.Mui-selected:hover{background:linear-gradient(135deg,#5279a3,#299ddb)}.pricing-container .pricing-header .billing-toggle .MuiToggleButton-root:active{transform:translateY(1px)}.pricing-container .pricing-header .billing-toggle .MuiToggleButtonGroup-grouped{transition:all .3s ease}.pricing-container .pricing-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;align-items:stretch;padding:1rem 0;margin:2rem 0}.pricing-container .pricing-logo{max-width:180px;margin:1rem 1.6rem;align-self:flex-start;position:absolute;top:0;left:0}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;z-index:1000}.pricingtest{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh}.pricingtest .pricingtest-content{flex:1}.pricingtest button{padding:14px 28px;background:#1d1dff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease}.pricingtest button:hover{background:#4747ff}.pricingtest button:active{background:#00c}.settings{height:100%}.settings-content{display:flex;height:100%}.settings-main-content{flex:1;overflow-y:auto;background:var(--background-light)}.settings .settings-section{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border:1px solid #E6E6E6;border-radius:12px;margin:.5rem;padding:1rem;flex:1;box-shadow:0 2px 4px #0000000d}.settings .settings-section:hover{box-shadow:0 2px 8px #00000012;transform:translateY(-.5px);transition:all .2s ease}.subnavbar-wrapper{display:flex;width:200px;height:100%;background:#fff;border-right:1px solid #e0e0e0}.subnavbar .section-title{padding:.25rem 1.3rem;font-weight:600;color:#666;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.subnavbar .nav-section{padding:.5rem 0}.subnavbar .nav-section .nav-item{display:flex;align-items:center;padding:.5rem 1rem;color:#1a1a1a;text-decoration:none;transition:background-color .2s ease;font-size:.95rem}.subnavbar .nav-section .nav-item:hover{background:#f5f5f5}.subnavbar .nav-section .nav-item.selected{background:#f5f5f5;font-weight:500;box-shadow:inset 3px 0 #007bff}.subnavbar .nav-section .nav-item .icon{margin-right:.8rem;display:flex;align-items:center}.subnavbar .nav-section .nav-item.disabled{opacity:.5;pointer-events:none}.profile-section{background-color:#fff;padding:1rem;border:1px solid #E6E6E6;border-radius:12px}.profile-section:hover{box-shadow:0 4px 12px #0000000d}.profile{padding:var(--container-padding);max-width:var(--max-content-width);margin:0 auto;font-family:var(--font-family-primary);gap:.5rem;display:flex;flex-direction:column}.profile__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2xl)}.profile__avatar-section{display:flex;align-items:center;gap:var(--spacing-lg)}.profile__avatar{position:relative;width:var(--icon-xlarge);height:var(--icon-xlarge)}.profile__avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.profile__avatar-upload{position:absolute;bottom:0;right:0;background:var(--background-light);border:none;border-radius:50%;width:var(--icon-medium);height:var(--icon-medium);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:transform .2s}.profile__avatar-upload:hover{transform:scale(1.1);color:var(--text-secondary);background:var(--background-light)}.profile__info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile__name-section{display:flex;align-items:center;gap:var(--spacing-md)}.profile__name-section h1{font-family:var(--font-family-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:1.3;margin:0}.profile__plan-info{display:flex;align-items:center;gap:var(--spacing-sm)}.profile__plan-info .trial-countdown{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#000;padding:4px 8px;background:#3f373614;border:1px solid rgba(63,55,54,.1);border-radius:4px}.profile__plan-info .trial-countdown svg{color:#000}.profile__plan-info .trial-countdown span{color:#000;font-weight:500}.profile__email{font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4;margin:0;color:var(--text-secondary)}.profile .plan-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--card-radius);font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4;margin-left:var(--spacing-sm);border:2px solid var(--border-color);background:#fff}.profile .plan-badge--free,.profile .plan-badge--pro,.profile .plan-badge--business{background:#fff}.profile .plan-badge .plan-icon{margin-right:var(--spacing-xs)}.profile__edit-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;border:none;background:var(--primary-color);color:#fff;cursor:pointer;font-size:.9rem}.profile__edit-btn:hover{background:var(--primary-color-dark)}.profile__section{background-color:var(--surface-color);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.profile__section:hover{box-shadow:var(--card-hover-shadow)}.profile__section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.profile__section h2{font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-lg);letter-spacing:-.01em;margin:0}.profile__section .section-edit-btn{background:transparent;color:var(--text-primary);background:var(--background-light);border:1px solid transparent}.profile__section .section-edit-btn:hover{border-color:var(--border-color)}.profile__section h3{font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-md);letter-spacing:-.01em}.profile .form-row{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.profile .form-row label{min-width:120px;font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4;color:var(--text-secondary)}.profile__onboarding .onboarding-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.profile__onboarding .onboarding-header h2{font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-lg);letter-spacing:-.01em}.profile__onboarding .status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);justify-content:center}@media (max-width: 768px){.profile__onboarding .status-grid{grid-template-columns:1fr}}.profile__onboarding .status-item{display:flex;align-items:center;padding:var(--spacing-lg);border-radius:var(--card-radius);font-size:.9rem;cursor:pointer;transition:all var(--transition-base)}.profile__onboarding .status-item:nth-child(1){background:linear-gradient(135deg,#f6f8ff,#f1f3ff);border:1px solid #e6e9ff}.profile__onboarding .status-item:nth-child(2){background:linear-gradient(135deg,#fff6f6,#fff1f1);border:1px solid #ffe6e6}.profile__onboarding .status-item:nth-child(3){background:linear-gradient(135deg,#f6fff8,#f1fff3);border:1px solid #e6ffe9}.profile__onboarding .status-item:nth-child(4){background:linear-gradient(135deg,#fffff6,#fffef1);border:1px solid #ffe9e6}.profile__onboarding .status-item:nth-child(5){background:linear-gradient(135deg,#fff6fb,#f3f1ff);border:1px solid #e9e6ff}.profile__onboarding .status-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.profile__onboarding .status-item:hover .reset-icon{opacity:1;transform:rotate(180deg)}.profile__onboarding .status-item .reset-icon{opacity:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#fff;border:1px solid var(--border-color);cursor:pointer;flex-shrink:0;transition:all .3s ease;margin-right:.75rem;color:var(--primary-color)}.profile__onboarding .status-item .reset-icon:hover{background:#fff;color:var(--primary-color);border-color:var(--primary-color);opacity:1}.profile__onboarding .status-item .status-content{flex:1;margin-right:.75rem;font-weight:var(--font-weight-medium)}.profile__onboarding .status-item span:last-child{flex-shrink:0;width:24px;text-align:center;font-size:1.1rem}@media (max-width: 768px){.profile__onboarding .status-grid{flex-direction:column}.profile__onboarding .status-grid .status-item{max-width:none}}.profile__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.profile__stats .stat-card{background-color:var(--surface-color);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg)}.profile__stats .stat-card:hover{box-shadow:var(--card-hover-shadow)}.profile__stats .stat-card .stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--background-light)}.profile__stats .stat-card .stat-icon svg{font-size:24px}.profile__stats .stat-card .stat-content h3{margin:0;font-size:var(--heading-large);font-weight:600;color:var(--text-primary)}.profile__stats .stat-card .stat-content p{margin:.25rem 0 0;color:var(--text-secondary);font-size:var(--caption-text)}.profile__stats .stat-card .stat-content .stat-header h3{font-size:1.5rem;font-weight:500}.profile__stats .stat-card .stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px}.profile__stats .stat-card .stat-icon svg{width:24px;height:24px}.profile__stats .stat-card .stat-icon.gradient-primary svg path{fill:url(#primary-gradient)}.profile__stats .stat-card .stat-icon.gradient-secondary svg path{fill:url(#secondary-gradient)}.profile__stats .stat-card .stat-icon.gradient-tertiary svg path{fill:url(#tertiary-gradient)}.profile__stats .stat-card .stat-icon.gradient-quaternary svg path{fill:url(#quaternary-gradient)}.profile__preferences .preference-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border-color)}.profile__preferences .preference-item:last-child{border-bottom:none}.profile__preferences .preference-item .preference-icon{background:var(--background-light);padding:.75rem;border-radius:8px;color:var(--primary-color)}.profile__preferences .preference-item .preference-content{flex:1}.profile__preferences .preference-item .preference-content h3{margin:0;font-size:1rem}.profile__preferences .preference-item .preference-content p{margin:.25rem 0 0;color:var(--text-secondary);font-size:.9rem}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.switch input:checked+.slider{background-color:var(--primary-color)}.switch input:checked+.slider:before{transform:translate(26px)}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.switch .slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.btn-secondary{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:6px;background:#fff;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--background-light)}.gradient-text{background:linear-gradient(45deg,#5279a3,#e66b67,#ecb417);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.form-group-profile{flex:1;display:flex;flex-direction:row;align-items:center;gap:.5rem}.delete-account{background-color:var(--surface-color);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:1px solid var(--border-color);background:#fff;transition:all var(--transition-base)}.delete-account:hover{box-shadow:var(--card-hover-shadow)}.delete-account:hover{border-color:#ffcfcf;background:linear-gradient(to right,#fff9f9,#fff)}.delete-account .buttons{display:flex;flex-direction:row;gap:.5rem}.delete-account .delete-account-button{margin:.5rem 0;background-color:#efa1a9}.delete-account .delete-account-button:hover{background-color:#ca3347}.delete-account .delete-confirmation-content{margin:var(--spacing-md) 0}.delete-account .delete-confirmation-content input,.delete-account .delete-confirmation-content textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--card-radius);font-family:var(--font-family-primary);font-size:var(--font-size-base);resize:vertical;min-height:100px}.delete-account .delete-confirmation-content input:focus,.delete-account .delete-confirmation-content textarea:focus{outline:none;border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.delete-account .delete-confirmation-content input::placeholder,.delete-account .delete-confirmation-content textarea::placeholder{color:#dc354580}.stat-section-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.stat-section-header .stat-section-header-buttons{display:flex;flex-direction:row;gap:.5rem}.stat-section{display:flex;flex-direction:row;gap:.5rem;margin:.5rem}.stat-section .stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-section .stat-grid .stat-card{border:1px solid #E6E6E6;border-radius:12px;padding:.5rem;display:flex;flex-direction:column;justify-content:center}.stat-section .stat-grid .stat-card .stat-value{display:flex;flex-direction:row;align-items:center;gap:.5rem}.stat-section .pie-chart-container{flex:1;max-width:220px;padding:.5rem;border:1px solid #E6E6E6;border-radius:12px}.stat-section .ranking-container{flex:1;padding:.5rem;border:1px solid #E6E6E6;border-radius:12px;gap:.5rem}.stat-section .ranking-container .rank-area{display:flex;flex-direction:column;align-items:center;gap:.5rem;justify-content:center;height:100%}.stat-section .ranking-container .rank-area .rank{color:#030352;background-color:#e6f3ff;width:fit-content;margin:.5rem 0;padding:.5rem;display:flex;flex-direction:row;align-items:center;gap:.5rem;border:1px solid #E6E6E6;border-radius:12px;box-shadow:0 0 10px #0000001a}.stat-section .ranking-container .rank-area .rank:hover{animation:pulse-shadow 2s infinite}.stat-section .ranking-container .rank-area .ranking-description{text-align:center;margin:0 .5rem}.linkedin-share{background-color:#0077b5!important;color:#fff!important;transition:background-color .3s ease}.linkedin-share:hover{background-color:#005e8f!important}.linkedin-share .icon{display:flex;align-items:center;justify-content:center}.stat-section-header-buttons{gap:12px}.stat-section-header-buttons button{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500}.stat-section-header-buttons button .icon{display:flex;align-items:center}.capturing{padding:24px;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.capturing .stat-section{margin-top:20px}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.usage-page{padding:var(--container-padding);max-width:var(--max-content-width);margin:0 auto;font-family:var(--font-family-primary)}.usage-page .usage-container{background-color:var(--surface-color);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast);margin-bottom:var(--spacing-lg)}.usage-page .usage-container:hover{box-shadow:var(--card-hover-shadow)}.usage-page .usage-container svg:first-of-type defs linearGradient#primary-gradient stop:first-of-type{stop-color:#5279a3}.usage-page .usage-container svg:first-of-type defs linearGradient#primary-gradient stop:last-of-type{stop-color:#7a9dc4}.usage-page .usage-container svg:first-of-type defs linearGradient#secondary-gradient stop:first-of-type{stop-color:#e66b67}.usage-page .usage-container svg:first-of-type defs linearGradient#secondary-gradient stop:last-of-type{stop-color:#ff8a86}.usage-page .usage-container svg:first-of-type defs linearGradient#tertiary-gradient stop:first-of-type{stop-color:#ecb417}.usage-page .usage-container svg:first-of-type defs linearGradient#tertiary-gradient stop:last-of-type{stop-color:#ffd666}.usage-page .usage-container .usage-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.usage-page .usage-container .usage-card{background-color:var(--surface-color);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast);padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center}.usage-page .usage-container .usage-card:hover{box-shadow:var(--card-hover-shadow)}.usage-page .usage-container .usage-card:hover{transform:none;box-shadow:var(--card-shadow)}.usage-page .usage-container .usage-card .usage-header{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.usage-page .usage-container .usage-card .usage-header h3{margin:0}.usage-page .usage-container .usage-card .usage-header .info-icon{color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;transition:color var(--transition-fast)}.usage-page .usage-container .usage-card .usage-header .info-icon:hover{color:var(--text-primary)}.usage-page .usage-container .usage-card .progress-wrapper{width:145px;height:145px;margin:var(--spacing-md) 0}.usage-page .usage-container .usage-card .usage-details{margin-top:var(--spacing-lg);font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4;color:var(--text-secondary)}.usage-page .usage-container .usage-card .usage-details .separator{margin:0 var(--spacing-xs)}.usage-page .usage-container .usage-card .usage-details .total{color:var(--text-secondary)}.usage-page .usage-container .usage-card:nth-child(1) .CircularProgressbar-path{stroke:var(--primary-color);transition:none}.usage-page .usage-container .usage-card:nth-child(2) .CircularProgressbar-path{stroke:var(--secondary-color)}.usage-page .usage-container .usage-card:nth-child(3) .CircularProgressbar-path{stroke:var(--tertiary-color)}.usage-page .usage-container .usage-card .CircularProgressbar .CircularProgressbar-path{stroke-linecap:round}.usage-page .usage-container .usage-card .CircularProgressbar .CircularProgressbar-trail{stroke:var(--background-light)}.usage-page .usage-container .usage-card .CircularProgressbar .CircularProgressbar-text{fill:var(--text-primary);font-size:1.25rem;font-weight:600}.usage-page .usage-container .usage-card .renewal-period{margin-top:var(--spacing-xs);color:var(--text-secondary);font-size:.875rem;text-align:center}.usage-page .usage-container .usage-card.near-limit .CircularProgressbar-path{stroke:var(--warning-color)!important}.usage-page .usage-container .usage-card.over-limit .CircularProgressbar-path{stroke:var(--error-color)!important}.usage-page .usage-container .usage-card.over-limit .usage-details.over-limit,.usage-page .usage-container .usage-card.over-limit .usage-details.over-limit .separator,.usage-page .usage-container .usage-card.over-limit .usage-details.over-limit .total{color:var(--error-color)}.usage-warning{max-width:700px;margin:var(--spacing-xl) auto 0;background-color:var(--error-background);border-radius:var(--card-radius);padding:20px 30px;display:flex;gap:var(--spacing-md);align-items:flex-start;border:1px solid rgba(220,53,69,.15);box-shadow:var(--card-shadow)}.usage-warning .warning-icon{color:var(--error-color);display:flex;align-items:center;font-size:var(--icon-small)}.usage-warning .warning-content{flex:1}.usage-warning .warning-content p{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:1.5;margin:0 0 var(--spacing-xs);color:var(--error-color);font-weight:var(--font-weight-medium)}.usage-warning .warning-content .upgrade-link{color:var(--error-color);text-decoration:underline;font-size:.95rem}.usage-warning .warning-content .upgrade-link:hover{color:var(--error-color-dark);text-decoration:none;transition:color var(--transition-fast)}:root{--primary-color: #5279A3;--secondary-color: #E66B67;--tertiary-color: #ECB417;--success-color: #28a745;--warning-color: #f6a609;--error-color: #dc3545;--error-color-dark: #bd2130;--error-background: #fde8e8}.historical-metrics{display:flex;flex-direction:column;gap:var(--spacing-xl)}.historical-metrics .time-range-card{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl)}.historical-metrics .time-range-card .time-range-button{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--border-color);border-radius:20px;background:var(--background-card);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;min-width:80px;text-align:center}.historical-metrics .time-range-card .time-range-button:hover{background:var(--background-light);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.historical-metrics .time-range-card .time-range-button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 2px 4px #5279a34d}.historical-metrics .time-range-card .time-range-button.active:hover{transform:none;background:var(--primary-color-dark, #456a8f)}.historical-metrics .usage-card.historical-chart-card{border:1px solid var(--border-color);margin:var(--spacing-md) 0;padding:var(--spacing-md);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.historical-metrics .usage-card.historical-chart-card .chart-header{width:100%;display:flex;align-items:center;margin-bottom:var(--spacing-md);justify-content:center}.historical-metrics .usage-card.historical-chart-card .chart-header h3{display:flex;align-items:center;gap:var(--spacing-xs);margin:0;font-size:1.1rem;color:var(--text-primary)}.historical-metrics .usage-card.historical-chart-card .chart-header h3 .info-icon{color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;margin-left:var(--spacing-xs);transition:color var(--transition-fast)}.historical-metrics .usage-card.historical-chart-card .chart-header h3 .info-icon:hover{color:var(--text-primary)}.historical-metrics .usage-card.historical-chart-card .usage-label{margin-top:var(--spacing-xs);color:var(--text-secondary);font-size:.875rem;text-align:center}.historical-metrics .usage-card.historical-chart-card .chart-container{height:250px;width:100%;margin-top:var(--spacing-md)}.historical-metrics .usage-card.historical-chart-card .chart-container .recharts-responsive-container{width:100%!important;height:100%!important}.historical-metrics .usage-card.historical-chart-card .chart-container .recharts-cartesian-axis-line{stroke:var(--border-color);stroke-width:1px}.historical-metrics .usage-card.historical-chart-card .chart-container .recharts-cartesian-grid-horizontal line,.historical-metrics .usage-card.historical-chart-card .chart-container .recharts-cartesian-grid-vertical line{stroke:var(--border-color);stroke-opacity:.2}.historical-metrics .usage-card.historical-chart-card .chart-container .recharts-cartesian-axis-tick-value{fill:var(--text-secondary);font-size:12px}.historical-metrics .usage-card.historical-chart-card .chart-container .recharts-bar-rectangle{fill-opacity:.9;opacity:.9}.historical-metrics .usage-card.historical-chart-card .chart-container .recharts-bar:hover{opacity:.85}.historical-metrics .usage-card.historical-chart-card .chart-container .recharts-tooltip-wrapper .recharts-default-tooltip{background-color:var(--background-card)!important;border:1px solid var(--border-color)!important;border-radius:var(--card-radius);padding:var(--spacing-sm)!important}.historical-metrics .usage-card.historical-chart-card .chart-container .recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-label{color:var(--text-primary)}.historical-metrics .usage-card.historical-chart-card .chart-container .recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-item{color:var(--text-secondary)}.meetings-page{padding:var(--container-padding);max-width:var(--max-content-width);margin:0 auto;font-family:var(--font-family-primary)}.meetings-page .section-title{font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:var(--spacing-lg)}.meetings-page section{margin-bottom:var(--spacing-xl)}.meetings-page .meetings-overview .meetings-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.meetings-page .meetings-overview .meetings-stats .stat-card{background-color:var(--surface-color);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);transition:transform .2s ease}.meetings-page .meetings-overview .meetings-stats .stat-card:hover{box-shadow:var(--card-hover-shadow)}.meetings-page .meetings-overview .meetings-stats .stat-card:hover{transform:translateY(-2px)}.meetings-page .meetings-overview .meetings-stats .stat-card .stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px}.meetings-page .meetings-overview .meetings-stats .stat-card .stat-icon svg{width:24px;height:24px}.meetings-page .meetings-overview .meetings-stats .stat-card .stat-icon.gradient-primary svg path{fill:url(#primary-gradient)}.meetings-page .meetings-overview .meetings-stats .stat-card .stat-icon.gradient-secondary svg path{fill:url(#secondary-gradient)}.meetings-page .meetings-overview .meetings-stats .stat-card .stat-icon.gradient-tertiary svg path{fill:url(#tertiary-gradient)}.meetings-page .meetings-overview .meetings-stats .stat-card .stat-icon.gradient-quaternary svg path{fill:url(#quaternary-gradient)}.meetings-page .meetings-overview .meetings-stats .stat-card .stat-content h3{font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.3;margin:0;color:var(--text-primary)}.meetings-page .meetings-overview .meetings-stats .stat-card .stat-content p{font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4;margin:var(--spacing-xs) 0 0;color:var(--text-secondary)}.meetings-page .meetings-overview .meetings-heatmap{background-color:var(--surface-color);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast);padding:var(--spacing-lg)}.meetings-page .meetings-overview .meetings-heatmap:hover{box-shadow:var(--card-hover-shadow)}.meetings-page .meetings-overview .meetings-heatmap .subsection-title{font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:var(--spacing-lg)}.meetings-page .meetings-overview .meetings-heatmap .react-calendar-heatmap{margin:var(--spacing-md) 0}.meetings-page .meetings-overview .meetings-heatmap .react-calendar-heatmap .color-empty{fill:var(--background-light)}.meetings-page .meetings-overview .meetings-heatmap .react-calendar-heatmap .color-scale-1{fill:#e3f2fd}.meetings-page .meetings-overview .meetings-heatmap .react-calendar-heatmap .color-scale-2{fill:#90caf9}.meetings-page .meetings-overview .meetings-heatmap .react-calendar-heatmap .color-scale-3{fill:#42a5f5}.meetings-page .meetings-overview .meetings-heatmap .react-calendar-heatmap .color-scale-4{fill:#1976d2}.meetings-page .meetings-overview .meetings-heatmap .react-calendar-heatmap rect{rx:3px;ry:3px}.meetings-page .calendar-connections{background-color:var(--surface-color);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast);padding:var(--spacing-lg)}.meetings-page .calendar-connections:hover{box-shadow:var(--card-hover-shadow)}.meetings-page .calendar-connections .MuiList-root{margin-bottom:var(--spacing-lg)}.meetings-page .calendar-connections .MuiListItem-root{background:var(--background-light);margin-bottom:var(--spacing-xs);border-radius:var(--card-radius);padding:var(--spacing-sm) var(--spacing-md)}.meetings-page .calendar-connections .MuiListItem-root .calendar-icon{margin-right:var(--spacing-md);color:var(--primary-color)}.meetings-page .calendar-connections .MuiListItem-root .MuiListItemText-primary{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:1.5;color:var(--text-primary)}.meetings-page .calendar-connections .MuiListItem-root .MuiListItemText-secondary{font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4;color:var(--text-secondary)}.meetings-page .calendar-connections .calendar-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.meetings-page .calendar-connections .calendar-actions .MuiButton-root{flex:1;min-width:180px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--card-radius);transition:all var(--transition-base)}.meetings-page .calendar-connections .calendar-actions .MuiButton-root.google-btn{background:linear-gradient(135deg,#db4437,#c31e1a)}.meetings-page .calendar-connections .calendar-actions .MuiButton-root.google-btn:hover{background:linear-gradient(135deg,#c31e1a,#a71812);transform:translateY(-1px)}.meetings-page .calendar-connections .calendar-actions .MuiButton-root.outlook-btn{background:linear-gradient(135deg,#0078d4,#106ebe)}.meetings-page .calendar-connections .calendar-actions .MuiButton-root.outlook-btn:hover{background:linear-gradient(135deg,#106ebe,#0e5ea8);transform:translateY(-1px)}.meetings-page .meeting-preferences{background-color:var(--surface-color);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast);padding:var(--spacing-lg)}.meetings-page .meeting-preferences:hover{box-shadow:var(--card-hover-shadow)}.meetings-page .meeting-preferences .preferences-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.meetings-page .meeting-preferences .preferences-list .MuiFormControlLabel-root{margin:0}.meetings-page .meeting-preferences .preferences-list .MuiFormControlLabel-root .MuiSwitch-root{margin-right:var(--spacing-md)}.meetings-page .meeting-preferences .preferences-list .MuiFormControlLabel-root .MuiTypography-root{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:1.5;color:var(--text-primary)}.react-calendar-heatmap text{font-size:10px;fill:#aaa}.react-calendar-heatmap .react-calendar-heatmap-small-text{font-size:5px}.react-calendar-heatmap rect:hover{stroke:#555;stroke-width:1px}.react-calendar-heatmap .color-empty{fill:#eee}.react-calendar-heatmap .color-filled{fill:#8cc665}.react-calendar-heatmap .color-github-0{fill:#eee}.react-calendar-heatmap .color-github-1{fill:#d6e685}.react-calendar-heatmap .color-github-2{fill:#8cc665}.react-calendar-heatmap .color-github-3{fill:#44a340}.react-calendar-heatmap .color-github-4{fill:#1e6823}.react-calendar-heatmap .color-gitlab-0{fill:#ededed}.react-calendar-heatmap .color-gitlab-1{fill:#acd5f2}.react-calendar-heatmap .color-gitlab-2{fill:#7fa8d1}.react-calendar-heatmap .color-gitlab-3{fill:#49729b}.react-calendar-heatmap .color-gitlab-4{fill:#254e77}:root{--gradient-primary: linear-gradient(135deg, #5279A3, #E66B67);--gradient-secondary: linear-gradient(135deg, #E66B67, #ECB417);--gradient-tertiary: linear-gradient(135deg, #ECB417, #5279A3)}.security-page{padding:var(--container-padding);max-width:var(--max-content-width);margin:0 auto;font-family:var(--font-family-primary)}.security-page .section-title{font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:var(--spacing-lg)}.security-page section{margin-bottom:var(--spacing-xl)}.security-page .security-overview .security-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.security-page .security-overview .security-stats .stat-card{background-color:var(--surface-color);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast);display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);transition:transform .2s ease}.security-page .security-overview .security-stats .stat-card:hover{box-shadow:var(--card-hover-shadow)}.security-page .security-overview .security-stats .stat-card:hover{transform:translateY(-2px)}.security-page .security-overview .security-stats .stat-card .stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px}.security-page .security-overview .security-stats .stat-card .stat-icon svg{width:24px;height:24px}.security-page .security-overview .security-stats .stat-card .stat-icon.gradient-primary svg{fill:url(#security-gradient-primary)}.security-page .security-overview .security-stats .stat-card .stat-icon.gradient-secondary svg{fill:url(#security-gradient-secondary)}.security-page .security-overview .security-stats .stat-card .stat-icon.gradient-tertiary svg{fill:url(#security-gradient-tertiary)}.security-page .security-overview .security-stats .stat-card .stat-content{flex:1}.security-page .security-overview .security-stats .stat-card .stat-content h3{font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.3;margin:0;color:var(--text-primary)}.security-page .security-overview .security-stats .stat-card .stat-content p{font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4;margin:var(--spacing-xs) 0;color:var(--text-secondary)}.security-page .security-overview .security-stats .stat-card .stat-content .description{font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4;color:var(--text-tertiary);font-size:.8rem}.security-page .security-features .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.security-page .security-features .features-grid .feature-card{background-color:var(--surface-color);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast);padding:var(--spacing-lg);transition:all var(--transition-base);opacity:.8;cursor:not-allowed}.security-page .security-features .features-grid .feature-card:hover{box-shadow:var(--card-hover-shadow)}.security-page .security-features .features-grid .feature-card:hover{transform:translateY(-2px)}.security-page .security-features .features-grid .feature-card .feature-icon{color:var(--primary-color);margin-bottom:var(--spacing-md)}.security-page .security-features .features-grid .feature-card .feature-icon svg{width:24px;height:24px}.security-page .security-features .features-grid .feature-card .feature-content h3{font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.3;margin:0 0 var(--spacing-xs);color:var(--text-primary)}.security-page .security-features .features-grid .feature-card .feature-content p{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:1.5;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.security-page .security-features .features-grid .feature-card .feature-content .coming-soon{display:inline-block;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--card-radius);color:#003b16;background:#e4ffe8;font-size:.8rem}.section-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.section-header .active-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--card-radius);background:linear-gradient(135deg,#e6ffe9,#f1fff3);color:#2e7d32;font-size:.8rem;font-weight:var(--font-weight-medium)}.section-header .coming-soon-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--card-radius);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-size:.8rem;font-weight:var(--font-weight-medium)}.stat-header{display:flex;align-items:center;gap:var(--spacing-sm)}.stat-header .info-icon{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);cursor:help;transition:color var(--transition-base)}.stat-header .info-icon:hover{color:var(--text-secondary)}.billing-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.billing-loader p{color:#666;font-size:.9rem;margin:0}.billing-loader .MuiCircularProgress-root{color:#2196f3}.MuiSkeleton-root{background-color:#ffffff1c}.MuiSkeleton-root.MuiSkeleton-text{transform:scale(1)}.subscription-card .MuiSkeleton-root{margin:4px 0}.detail-item .MuiSkeleton-root{display:inline-block}.subscription-card--enterprise .enterprise-icon{margin-bottom:16px;color:var(--primary-color)}.subscription-card--enterprise .enterprise-message{margin-top:24px;padding:20px;background-color:var(--background-secondary);border-radius:8px}.subscription-card--enterprise .enterprise-message p{margin:0;color:var(--text-secondary)}.subscription-card--enterprise .enterprise-message p:not(:last-child){margin-bottom:12px}.billing-free{padding:var(--container-padding);max-width:var(--max-content-width);margin:0 auto;font-family:var(--font-family-primary)}.billing-free .billing__section{background-color:var(--surface-color);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast);margin-bottom:var(--spacing-xl);border:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2}.billing-free .billing__section:hover{box-shadow:var(--card-hover-shadow)}.billing-free .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.billing-free .section-header h2{font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-lg);letter-spacing:-.01em;margin:0}.billing-free .subscription-actions .action-btn--upgrade{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:linear-gradient(135deg,#5279a3,#299ddb);color:#fff!important;border:none;padding:var(--spacing-sm) var(--spacing-xl);border-radius:8px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:.2s ease}.billing-free .subscription-actions .action-btn--upgrade:hover{background:linear-gradient(135deg,#299ddb,#5279a3);transform:translateY(-1px);box-shadow:0 8px 20px #5279a340}.billing-free .subscription-card{background-color:var(--surface-color);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast);background:var(--surface-gradient);border:1px solid rgba(82,121,163,.1)}.billing-free .subscription-card:hover{box-shadow:var(--card-hover-shadow)}.billing-free .subscription-card__header{display:flex;align-items:baseline;gap:var(--spacing-md);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.billing-free .subscription-card__header h3{text-transform:capitalize;font-size:var(--font-size-2xl);display:flex;align-items:baseline;gap:var(--spacing-sm);margin:0}.billing-free .subscription-card__header h3.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.billing-free .subscription-card__info{padding-top:var(--spacing-md)}.billing-free .subscription-card__info p{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.billing-free .subscription-card__info .usage-link{color:#5279a3;text-decoration:none;font-weight:var(--font-weight-medium);display:inline-flex;align-items:center}.billing-free .subscription-card__info .usage-link:hover{color:#299ddb;text-decoration:underline}.billing-free .subscription-card__price{color:var(--text-primary)!important;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.billing-free .subscription-card__price .subscription-card__period{font-size:var(--font-size-base);color:var(--text-secondary);font-weight:var(--font-weight-regular)}.billing-free .status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:500;line-height:1}.billing-free .status-badge--active{background:#2e7d3214;color:#2e7d32}.billing-free .upgrade-section{text-align:center;padding:var(--spacing-xl) 0;margin:var(--spacing-xl) 0}.billing-free .upgrade-section h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--text-primary)}.billing-free .upgrade-section p{color:var(--text-secondary);margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto}.billing-free .upgrade-section .upgrade-btn{margin:auto;background:linear-gradient(135deg,#5279a3,#299ddb);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:9999px;font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);cursor:pointer;transition:.2s ease}.billing-free .upgrade-section .upgrade-btn:hover{background:linear-gradient(135deg,#299ddb,#5279a3);transform:translateY(-2px);box-shadow:0 8px 20px #5279a340}.billing-free-trial{padding:var(--container-padding);max-width:var(--max-content-width);margin:0 auto;font-family:var(--font-family-primary)}.billing-free-trial .billing__section{background-color:var(--surface-color);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast);margin-bottom:var(--spacing-xl);border:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2}.billing-free-trial .billing__section:hover{box-shadow:var(--card-hover-shadow)}.billing-free-trial .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.billing-free-trial .section-header h2{font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-lg);letter-spacing:-.01em;margin:0}.billing-free-trial .subscription-actions .action-btn--upgrade{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:linear-gradient(135deg,#5279a3,#299ddb);color:#fff!important;border:none;padding:var(--spacing-sm) var(--spacing-xl);border-radius:8px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:.2s ease}.billing-free-trial .subscription-actions .action-btn--upgrade:hover{background:linear-gradient(135deg,#299ddb,#5279a3);transform:translateY(-1px);box-shadow:0 8px 20px #5279a340}.billing-free-trial .subscription-card{background-color:var(--surface-color);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast);background:var(--surface-gradient);border:1px solid rgba(82,121,163,.1)}.billing-free-trial .subscription-card:hover{box-shadow:var(--card-hover-shadow)}.billing-free-trial .subscription-card__header{display:flex;align-items:baseline;gap:var(--spacing-md);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.billing-free-trial .subscription-card__header h3{text-transform:capitalize;font-size:var(--font-size-2xl);display:flex;align-items:baseline;gap:var(--spacing-sm);margin:0}.billing-free-trial .subscription-card__header h3.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.billing-free-trial .subscription-card__info{padding-top:var(--spacing-md)}.billing-free-trial .subscription-card__info p{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.billing-free-trial .subscription-card__info .usage-link{color:#5279a3;text-decoration:none;font-weight:var(--font-weight-medium);display:inline-flex;align-items:center}.billing-free-trial .subscription-card__info .usage-link:hover{color:#299ddb;text-decoration:underline}.billing-free-trial .subscription-card__price{color:var(--text-primary)!important;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.billing-free-trial .subscription-card__price .subscription-card__period{font-size:var(--font-size-base);color:var(--text-secondary);font-weight:var(--font-weight-regular)}.billing-free-trial .status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:500;line-height:1}.billing-free-trial .status-badge--active{background:#2e7d3214;color:#2e7d32}.billing-free-trial .upgrade-section{text-align:center;padding:var(--spacing-xl) 0;margin:var(--spacing-xl) 0}.billing-free-trial .upgrade-section h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--text-primary)}.billing-free-trial .upgrade-section p{color:var(--text-secondary);margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto}.billing-free-trial .upgrade-section .upgrade-btn{margin:auto;background:linear-gradient(135deg,#5279a3,#299ddb);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:9999px;font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);cursor:pointer;transition:.2s ease}.billing-free-trial .upgrade-section .upgrade-btn:hover{background:linear-gradient(135deg,#299ddb,#5279a3);transform:translateY(-2px);box-shadow:0 8px 20px #5279a340}.history-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--card-radius);background:#fff;box-shadow:0 1px 3px #0000000d}.history-table-container .history-table{table-layout:fixed;width:100%;min-width:800px;border-collapse:collapse}.history-table-container .history-table th,.history-table-container .history-table td{padding:var(--spacing-md) var(--spacing-lg);text-align:left}.history-table-container .history-table th:nth-child(1),.history-table-container .history-table td:nth-child(1){width:25%}.history-table-container .history-table th:nth-child(2),.history-table-container .history-table td:nth-child(2){width:20%}.history-table-container .history-table th:nth-child(3),.history-table-container .history-table td:nth-child(3){width:20%}.history-table-container .history-table th:nth-child(4),.history-table-container .history-table td:nth-child(4){width:35%}.history-table-container .history-table th{background:#5279a305;color:var(--text-secondary);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border-color)}.history-table-container .history-table td{font-size:.875rem;color:var(--text-primary);border-bottom:1px solid rgba(82,121,163,.08)}.history-table-container .history-table tbody tr{transition:all .2s ease}.history-table-container .history-table tbody tr:hover{background-color:#5279a305;box-shadow:0 2px 4px #00000005}.history-table-container .history-table .actions-cell{display:flex;gap:var(--spacing-md);align-items:center}.history-table-container .history-table .download-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:8px 16px;border:1px solid var(--border-color);border-radius:6px;background:#fff;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:.875rem}.history-table-container .history-table .download-btn svg{font-size:16px}.history-table-container .history-table .download-btn:hover{background:var(--background-light);border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 2px 4px #0000000d}.status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:500;line-height:1}.status-badge--success,.status-badge--succeeded,.status-badge--active{background:#2e7d3214;color:#2e7d32}.status-badge--failed{background:#ef444414;color:#ef4444}.status-badge--pending{background:#fff4e5;color:#ed6c02}@media (max-width: 768px){.history-table-container{margin:0 -1rem;border-radius:0}.history-table-container .history-table{min-width:800px}}.cancel-content .warning{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:1.5;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.cancel-content .info-box{background:var(--background-light);border-radius:var(--card-radius);padding:var(--spacing-lg)}.cancel-content .info-box p{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:1.5;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.cancel-content .info-box ul{list-style-type:disc;margin-left:var(--spacing-lg)}.cancel-content .info-box ul li{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:1.5;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.cancel-content .info-box ul li:last-child{margin-bottom:0}.btn-danger{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--card-radius);background:var(--error-color);color:#fff;cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:1.5;font-weight:var(--font-weight-medium)}.btn-danger:hover{background:var(--error-color-dark)}.billing{padding:var(--container-padding);max-width:var(--max-content-width);margin:0 auto;font-family:var(--font-family-primary)}.billing__section{background-color:var(--surface-color);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast);margin-bottom:var(--spacing-xl);border:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2}.billing__section:hover{box-shadow:var(--card-hover-shadow)}.billing__section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.billing__section .section-header h2{font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-lg);letter-spacing:-.01em;margin:0}.billing .subscription-actions{display:flex;gap:var(--spacing-md)}.billing .subscription-actions .action-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--border-color);border-radius:8px;background:#fff;font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.billing .subscription-actions .action-btn:hover,.billing .subscription-actions .action-btn--danger:hover{background:var(--background-light);color:#000;border-color:#000}.billing .subscription-details .subscription-card{background-color:var(--surface-color);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast);background:var(--surface-gradient);border:1px solid rgba(82,121,163,.1)}.billing .subscription-details .subscription-card:hover{box-shadow:var(--card-hover-shadow)}.billing .subscription-details .subscription-card__header{display:flex;align-items:baseline;gap:var(--spacing-md);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.billing .subscription-details .subscription-card__header .subscription-card__title{display:flex;align-items:baseline;gap:var(--spacing-sm)}.billing .subscription-details .subscription-card__header .subscription-card__title h3{text-transform:capitalize;font-size:var(--font-size-2xl);margin:0}.billing .subscription-details .subscription-card__header .subscription-card__title h3.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.billing .subscription-details .subscription-card__header .subscription-card__quantity{font-size:1.2em;color:#000;font-weight:400}.billing .subscription-details .subscription-card__price{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.billing .subscription-details .subscription-card__price .subscription-card__period{font-size:var(--font-size-base);color:var(--text-secondary);font-weight:var(--font-weight-regular)}.billing .subscription-details .billing-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);padding:var(--spacing-xl) 0;background:#5279a30f;border-radius:var(--card-radius);margin:var(--spacing-lg) 0}.billing .subscription-details .billing-details .detail-item{padding:0 var(--spacing-lg);border-right:2px solid rgba(0,0,0,.2);display:flex;align-items:center;gap:var(--spacing-sm);min-width:250px}.billing .subscription-details .billing-details .detail-item:last-child{border-right:none}.billing .subscription-details .billing-details .detail-item svg{color:var(--text-secondary);font-size:18px}.billing .subscription-details .billing-details .detail-item .content{display:flex;gap:var(--spacing-xs);align-items:baseline}.billing .subscription-details .billing-details .detail-item .content .label{color:var(--text-secondary);font-size:var(--font-size-sm)}.billing .subscription-details .billing-details .detail-item .content .value{font-weight:var(--font-weight-medium);color:var(--text-primary)}.billing .status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:500;line-height:1}.billing .status-badge--success,.billing .status-badge--succeeded,.billing .status-badge--active{background:#2e7d3214;color:#2e7d32}.billing .status-badge--failed{background:#ef444414;color:#ef4444}.billing .status-badge--pending{background:#fff4e5;color:#ed6c02}.subscription-card--admin-managed{background:var(--surface-gradient);border:1px solid rgba(82,121,163,.1)}.subscription-card--admin-managed .subscription-card__header{display:flex;align-items:baseline;gap:var(--spacing-md);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.subscription-card--admin-managed .subscription-card__header h3{text-transform:capitalize;font-size:var(--font-size-2xl);margin:0}.subscription-card--admin-managed .subscription-card__header h3.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.admin-managed-message{padding:var(--spacing-xl) 0}.admin-managed-message p{margin:0;color:var(--text-primary);line-height:1.6}.admin-managed-message p:not(:last-child){margin-bottom:var(--spacing-md)}.billing-plan{padding:var(--container-padding);max-width:var(--max-content-width);margin:0 auto;font-family:var(--font-family-primary)}.billing-plan .billing__section{background-color:var(--surface-color);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast);margin-bottom:var(--spacing-xl);border:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2}.billing-plan .billing__section:hover{box-shadow:var(--card-hover-shadow)}.billing-plan .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.billing-plan .section-header h2{font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-lg);letter-spacing:-.01em;margin:0}.billing-plan .subscription-actions .action-btn--upgrade{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:linear-gradient(135deg,#5279a3,#299ddb);color:#fff!important;border:none;padding:var(--spacing-sm) var(--spacing-xl);border-radius:8px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:.2s ease}.billing-plan .subscription-actions .action-btn--upgrade:hover{background:linear-gradient(135deg,#299ddb,#5279a3);transform:translateY(-1px);box-shadow:0 8px 20px #5279a340}.billing-plan .subscription-card{background-color:var(--surface-color);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast);background:var(--surface-gradient);border:1px solid rgba(82,121,163,.1)}.billing-plan .subscription-card:hover{box-shadow:var(--card-hover-shadow)}.billing-plan .subscription-card__header{display:flex;align-items:baseline;gap:var(--spacing-md);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.billing-plan .subscription-card__header h3{text-transform:capitalize;font-size:var(--font-size-2xl);display:flex;align-items:baseline;gap:var(--spacing-sm);margin:0}.billing-plan .subscription-card__header h3.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.billing-plan .subscription-card__info{padding-top:var(--spacing-md)}.billing-plan .subscription-card__info p{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.billing-plan .subscription-card__info .usage-link{color:#5279a3;text-decoration:none;font-weight:var(--font-weight-medium);display:inline-flex;align-items:center}.billing-plan .subscription-card__info .usage-link:hover{color:#299ddb;text-decoration:underline}.billing-plan .subscription-card__price{color:var(--text-primary)!important;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.billing-plan .subscription-card__price .subscription-card__period{font-size:var(--font-size-base);color:var(--text-secondary);font-weight:var(--font-weight-regular)}.billing-plan .status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:500;line-height:1}.billing-plan .status-badge--active{background:#2e7d3214;color:#2e7d32}.billing-plan .upgrade-section{text-align:center;padding:var(--spacing-xl) 0;margin:var(--spacing-xl) 0}.billing-plan .upgrade-section h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--text-primary)}.billing-plan .upgrade-section p{color:var(--text-secondary);margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto}.billing-plan .upgrade-section .upgrade-btn{margin:auto;background:linear-gradient(135deg,#5279a3,#299ddb);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:9999px;font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);cursor:pointer;transition:.2s ease}.billing-plan .upgrade-section .upgrade-btn:hover{background:linear-gradient(135deg,#299ddb,#5279a3);transform:translateY(-2px);box-shadow:0 8px 20px #5279a340}.org-profile{padding:var(--container-padding);max-width:var(--max-content-width);margin:0 auto;font-family:var(--font-family-primary)}.org-profile__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2xl)}.org-profile__info-section{display:flex;align-items:center;gap:var(--spacing-lg)}.org-profile__logo{position:relative;width:var(--icon-xlarge);height:var(--icon-xlarge)}.org-profile__logo img{width:100%;height:100%;border-radius:var(--card-radius);object-fit:cover;border:2px solid var(--border-color)}.org-profile__default-logo{width:var(--icon-xlarge);height:var(--icon-xlarge);border-radius:var(--card-radius);display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color);background:#fff}.org-profile__default-logo svg{color:var(--text-secondary)}.org-profile__logo-upload{position:absolute;bottom:-8px;right:-8px;background:#fff;border:2px solid var(--border-color);border-radius:50%;width:var(--icon-medium);height:var(--icon-medium);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:not-allowed;transition:all var(--transition-base)}.org-profile__logo-upload .coming-soon-badge{position:absolute;top:-20px;right:-10px;background:var(--background-light);padding:2px 6px;border-radius:4px;font-size:.7rem;color:var(--text-secondary)}.org-profile__name-edit{background:#fff;border:2px solid var(--border-color);border-radius:50%;width:var(--icon-medium);height:var(--icon-medium);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-base)}.org-profile__info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.org-profile__name-section{display:flex;align-items:center;gap:var(--spacing-md)}.org-profile__name-section h1{font-family:var(--font-family-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:1.3;margin:0}.org-profile__meta{font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4;color:var(--text-secondary);margin:0}.org-profile__settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.org-profile__settings .settings-card{background-color:var(--surface-color);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);justify-content:space-between}.org-profile__settings .settings-card:hover{box-shadow:var(--card-hover-shadow)}.org-profile__settings .settings-card .settings-option{margin-left:auto}.org-profile__settings .settings-card .settings-option .checkbox-label{display:flex;justify-content:center}.org-profile__settings .settings-card .settings-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff}.org-profile__settings .settings-card .settings-icon.gradient-primary{background:linear-gradient(135deg,#5279a3,#7a9dc4)}.org-profile__settings .settings-card .settings-icon.gradient-secondary{background:linear-gradient(135deg,#e66b67,#ff8a86)}.org-profile__settings .settings-card .settings-content{display:flex;flex-direction:column}.org-profile__settings .settings-card .settings-content h3{font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.3;margin:0}.org-profile__settings .settings-card .settings-content p{font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4;color:var(--text-secondary);margin:0}.org-profile__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.org-profile__stats .stat-card{background-color:var(--surface-color);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg)}.org-profile__stats .stat-card:hover{box-shadow:var(--card-hover-shadow)}.org-profile__stats .stat-card .stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff}.org-profile__stats .stat-card .stat-icon.gradient-primary{background:linear-gradient(135deg,#5279a3,#7a9dc4)}.org-profile__stats .stat-card .stat-icon.gradient-secondary{background:linear-gradient(135deg,#e66b67,#ff8a86)}.org-profile__stats .stat-card .stat-content h3{font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.3;margin:0}.org-profile__stats .stat-card .stat-content p{font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4;color:var(--text-secondary);margin:0}.org-profile .domain-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--background-light);border-radius:var(--card-radius);color:var(--text-secondary);font-size:.875rem}.org-profile .domain-badge .domain-icon{color:var(--primary-color)}.org-profile .org-profile-create-org{align-self:center}.workspace-settings-container{display:flex;flex-direction:column;gap:.5rem;flex:1}.workspace-settings-container .workspace-settings-inputs{display:flex;flex-direction:row;gap:.5rem;align-items:center}.workspace-settings-container .workspace-settings-inputs input{width:100%}.invite-container{display:flex;flex-direction:column;gap:.5rem;flex:1}.invite-container .invite-title,.invite-container .email-inputs{display:flex;flex-direction:row;gap:.5rem;align-items:center;margin-bottom:.5rem}.people{padding:var(--container-padding);max-width:var(--max-content-width);margin:0 auto;font-family:var(--font-family-primary)}.people__top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.people__disclaimer{display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.people__disclaimer .disclaimer-content{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:var(--background-light);border-radius:var(--card-radius);cursor:help}.people__disclaimer .info-icon{color:var(--text-secondary);flex-shrink:0}.people__disclaimer span{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.5;color:var(--text-secondary)}.people__controls{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.people__title{display:flex;align-items:baseline;gap:var(--spacing-md)}.people__title h1{font-family:var(--font-family-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:1.3;margin:0}.people__count{font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4;color:var(--text-secondary)}.people__search{position:relative;flex:1}.people__search .search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-secondary)}.people__search input{width:100%;height:44px;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) calc(var(--spacing-md) * 2 + 16px);border:1px solid var(--border-color);border-radius:var(--card-radius);font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:1.5}.people__search input:focus{outline:none;border-color:var(--primary-color)}.people__invite-btn{flex-shrink:0;height:40px;background-color:#4e9dc0!important;border-color:#4e9dc0!important;color:#fff!important}.people__invite-btn:hover{background-color:#4191b4!important;border-color:#4191b4!important;color:#fff!important}.people__invite-btn:active{background-color:#3a82a1!important;border-color:#3a82a1!important}.members-table{background-color:var(--surface-color);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast);padding:0}.members-table:hover{box-shadow:var(--card-hover-shadow)}.members-table .table-header,.members-table .table-row{display:grid;grid-template-columns:minmax(300px,2fr) 200px 200px 120px 60px;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.members-table .table-header{background:var(--background-light);border-bottom:1px solid var(--border-color);font-family:var(--font-family-primary);font-size:var(--font-size-sm);line-height:1.4;color:var(--text-secondary);font-weight:var(--font-weight-medium)}.members-table .table-row{border-bottom:1px solid var(--border-color)}.members-table .table-row.status-expired{opacity:.8;cursor:default}.members-table .table-row.status-expired .user-avatar{background:#ff8d8d!important}.members-table .table-row.status-expired .role-select{pointer-events:none!important;cursor:not-allowed!important;opacity:.5;background:var(--background-light)!important}.members-table .table-row.status-expired .action-btn{opacity:1;cursor:pointer;pointer-events:auto!important}.members-table .table-row:hover{background:var(--background-light)}.members-table .table-row:last-child{border-bottom:none}.members-table .col-user .user-info{display:flex;align-items:center;gap:var(--spacing-md);padding-left:0}.members-table .col-user .user-info .user-avatar{width:38px;height:38px;border-radius:50%;background:#74b2cd;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-medium);flex-shrink:0;margin-right:var(--spacing-md)}.members-table .col-user .user-info .user-avatar.status-pending{background:#ffb760}.members-table .col-user .user-info .user-avatar.status-expired,.members-table .col-user .user-info .user-avatar.status-rejected{background:#dc2626}.members-table .col-user .user-info .user-details{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.members-table .col-user .user-info .user-details .user-name{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:1.5;font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;line-height:1.4}.members-table .col-user .user-info .user-details .user-email{font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;line-height:1.4}.members-table__licenses{display:flex;justify-content:flex-start;margin-bottom:var(--spacing-lg)}.members-table__licenses .licenses-content{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:#16a34a1a;border-radius:var(--card-radius)}.members-table__licenses .info-icon{color:#16a34a;flex-shrink:0}.members-table__licenses span{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.5;color:#16a34a}.members-table .col-plan .plan-badge{display:inline-flex;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--card-radius);font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4;white-space:nowrap}.members-table .col-plan .plan-badge.plan-free{background:#eeeffa;color:#4979a3}.members-table .col-plan .plan-badge:not(.plan-free){background:#4979a3;color:#eeeffa}.members-table .table-row{display:grid;grid-template-columns:minmax(300px,2fr) 200px 200px 120px 60px;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.members-table .table-row:first-child .user-info{margin-left:0}.members-table .role-select{width:100%;max-width:180px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--card-radius);background:#fff;font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4;color:var(--text-primary)}.members-table .status-badge{display:inline-flex;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--card-radius);font-family:var(--font-family-primary);font-size:var(--font-size-sm);line-height:1.4;font-weight:var(--font-weight-medium);white-space:nowrap}.members-table .status-badge.status-pending{background:#ff8c001a;color:#ff8c00}.members-table .status-badge.status-active{background:#16a34a1a;color:#16a34a}.members-table .status-badge.status-rejected,.members-table .status-badge.status-expired{background:#dc26261a;color:#dc2626}.members-table .action-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--card-radius);display:flex;align-items:center;justify-content:center}.members-table .action-btn:hover{background:var(--background-light);color:var(--text-primary)}.members-table .col-actions{position:relative}.members-table .col-actions .dropdown-menu{position:absolute;right:0;top:calc(100% - 10px);background-color:#fff;border:1px solid var(--border-color);border-radius:var(--card-radius);box-shadow:0 4px 12px #00000026;z-index:1000;min-width:200px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.members-table .col-actions .dropdown-menu.flip-up{bottom:calc(100% - 10px);top:auto}@media screen and (max-height: 700px){.members-table .col-actions .dropdown-menu{max-height:300px;overflow-y:auto}}.members-table .col-actions .dropdown-menu:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;border-radius:inherit;z-index:-1}.members-table .col-actions .dropdown-menu .dropdown-item{position:relative;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);white-space:nowrap}.members-table .col-actions .dropdown-menu .dropdown-item:hover{background:var(--background-light)}.members-table .col-actions .dropdown-menu .dropdown-item:hover:first-child{border-radius:var(--card-radius) var(--card-radius) 0 0}.members-table .col-actions .dropdown-menu .dropdown-item:hover:last-child{border-radius:0 0 var(--card-radius) var(--card-radius)}.members-table .col-actions .dropdown-menu .dropdown-item:hover:only-child{border-radius:var(--card-radius)}.members-table .col-actions .dropdown-menu .dropdown-item.success{color:#16a34a}.members-table .col-actions .dropdown-menu .dropdown-item.success:hover{background:#16a34a1a}.members-table .col-actions .dropdown-menu .dropdown-item.danger{color:#dc2626}.members-table .col-actions .dropdown-menu .dropdown-item.danger:hover{background:#dc26261a}.members-table .col-actions .dropdown-menu .dropdown-item.warning{color:#ffc107}.members-table .col-actions .dropdown-menu .dropdown-item.warning:hover{background:#ffc1071a}.members-table .col-actions .dropdown-menu .dropdown-item.info{color:#17a2b8}.members-table .col-actions .dropdown-menu .dropdown-item.info:hover{background:#17a2b81a}.people__licenses{display:flex;justify-content:flex-start}.people__licenses .licenses-content{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:#16a34a1a;border-radius:var(--card-radius)}.people__licenses .info-icon{color:#16a34a;flex-shrink:0}.people__licenses span{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.5;color:#16a34a}.affiliate{max-width:1200px;margin:0 auto}.affiliate button{width:fit-content}.affiliate .affiliate-links{display:flex;flex-direction:row;align-items:center;gap:50px;margin-bottom:20px;height:50px}.affiliate .affiliate-links .affiliate-url-display{display:flex;align-items:center;background-color:#f5f5f580;padding:8px 16px;border-radius:8px;border:1px solid rgba(0,0,0,.06);transition:all .2s ease;box-shadow:0 1px 2px #00000005;height:24px}.affiliate .affiliate-links .affiliate-url-display:hover{background-color:#f5f5f5cc;box-shadow:0 2px 4px #0000000a}.affiliate .affiliate-links .affiliate-url-display .base-url{font-weight:400;font-style:italic;color:#494949;font-size:15px;letter-spacing:-.2px}.affiliate .affiliate-links .affiliate-url-display .affiliate-code-editable{color:#4979a3;font-weight:600;padding:4px 8px;border-radius:6px;margin-left:4px;background-color:#eeeffa80;border:1px dashed rgba(116,178,205,.4);transition:all .2s ease;line-height:20px;box-sizing:border-box}.affiliate .affiliate-links .affiliate-url-display .affiliate-code-editable:hover{background-color:#eeeffab3}.affiliate .affiliate-links .affiliate-url-display .affiliate-code-editable.editing{background-color:#fff;border:2px solid #74B2CD;outline:none;padding:4px 8px;box-shadow:0 2px 6px #0000000f;font-family:Roboto,sans-serif;font-size:16px;font-weight:500}.affiliate .affiliate-join{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:20px;gap:.5rem}.affiliate .affiliate-join .affiliate-code-input-container{display:flex;flex-direction:row;align-items:center;gap:.5rem}.affiliate .affiliate-join input{width:fit-content}.affiliate .table-container{margin:1rem;box-shadow:0 2px 4px #0000001a;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:.5rem;width:100%}.affiliate .affiliate-kids{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:.5rem}.affiliate .affiliate-kids .affiliate-kids-header{display:flex;justify-content:space-between;align-items:center;width:100%}.affiliate .affiliate-table{background-color:#fff}.affiliate .affiliate-table th{background-color:#f5f5f5;font-weight:700}.affiliate .affiliate-table td{padding:16px;border-bottom:1px solid #e0e0e0}.affiliate .affiliate-table tr:hover{background-color:#f1f1f1}.affiliate .affiliate-kids-empty{display:flex;justify-content:center;width:100%;color:#ababab;padding:2rem}.user-preferences-settings{display:flex;flex-direction:column;padding:var(--container-padding);max-width:var(--max-content-width);margin:0 auto;font-family:var(--font-family-primary)}.user-preferences-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.user-preferences-content{display:flex;flex-direction:column;max-width:500px}.records-sharing-settings{display:flex;flex-direction:column;padding:var(--container-padding);max-width:var(--max-content-width);margin:0 auto;font-family:var(--font-family-primary)}.records-sharing-settings .records-sharing-pref-content{display:flex;flex-direction:column;gap:1rem}.records-sharing-settings .internal-sharing-pref-content,.records-sharing-settings .external-sharing-pref-content{display:flex;flex-direction:column;gap:.5rem}.records-sharing-settings .records-sharing-header{display:flex;flex-direction:row;align-items:center;gap:1rem;margin-left:1rem}.records-sharing-settings .records-sharing-header .titles{display:flex;flex-direction:column;align-items:flex-start}.records-sharing-settings .sharing-select-content{margin-top:.5rem;display:flex;flex-direction:row;gap:.5rem;align-items:center}.records-sharing-settings .sharing-select-content button{min-width:80px}.records-sharing-settings .sharing-select-content .subgroup-select{flex:1;min-width:300px}.records-sharing-settings .sharing-item-label{display:flex;align-items:center;gap:.25rem}.records-sharing-settings .sharing-pref-title{display:flex;align-items:flex-start;gap:.25rem;flex-direction:column}.records-sharing-settings .sharing-pref-title h4{display:flex;align-items:center;gap:.5rem}.records-sharing-settings .sharing-pref-title .subtitle{color:gray}.records-sharing-settings .sharing-pref-title .domain-info{color:#4979a3}.records-sharing-settings .records-sharing-options .MuiRadioGroup-root{display:flex;flex-direction:column;align-items:flex-start}.records-sharing-settings .records-sharing-options .MuiFormControlLabel-root{width:fit-content;margin-right:0}.merrychristmas{display:flex;flex-direction:column;height:100vh;width:100vw;background:linear-gradient(to bottom,#1a1a2e,#16213e);overflow:hidden;position:relative;padding:0!important;min-height:100vh}@media (max-width: 768px){.merrychristmas{min-height:100vh;height:auto}}.merrychristmas .merrychristmas-content{flex:1;width:100%;max-width:1600px;margin:auto;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:100vh;height:100vh}@media (max-width: 768px){.merrychristmas .merrychristmas-content{min-height:100vh;height:auto}}.merrychristmas .title{margin-top:1rem;font-size:2.8rem;font-weight:700;margin-bottom:.8rem;animation:glow 2s ease-in-out infinite alternate}@media (max-width: 768px){.merrychristmas .title{font-size:1.8rem;margin-bottom:.3rem;margin-top:3.6rem}}.merrychristmas .message{font-size:1.2rem;line-height:1.5;margin:.3rem auto;max-width:750px;opacity:0;animation:fadeIn 1s ease-out forwards}@media (max-width: 768px){.merrychristmas .message{font-size:1.1rem;line-height:1.5;margin:.3rem auto;max-width:340px}}.merrychristmas .christmas-tree{margin:.5rem 0}@media (max-width: 768px){.merrychristmas .christmas-tree{margin:0}}.merrychristmas .christmas-tree .star{font-size:3rem;animation:twinkle 1.5s ease-in-out infinite;line-height:1}.merrychristmas .christmas-tree .tree{font-size:8rem;margin:0;animation:sway 3s ease-in-out infinite;line-height:1}@media (max-width: 768px){.merrychristmas .christmas-tree .tree{font-size:6rem}}.merrychristmas .christmas-tree .gifts{margin-top:0}.merrychristmas .christmas-tree .gifts span{font-size:2.5rem;margin:0 1rem;display:inline-block;animation:bounce 2s ease-in-out infinite;line-height:1}@media (max-width: 768px){.merrychristmas .christmas-tree .gifts span{font-size:2rem;margin:0 .5rem}}.merrychristmas .gift-button{display:inline-block;padding:1rem 2.5rem;max-width:260px;margin:1rem auto;font-size:1.4rem;background:linear-gradient(45deg,#ff4b1f,#ff9068);border-radius:50px;color:#fff;text-decoration:none;font-weight:700;margin:1rem 0;transition:all .3s ease;position:relative;overflow:hidden}.merrychristmas .gift-button:hover{transform:scale(1.05);background:linear-gradient(45deg,#ff9068,#ff4b1f);cursor:pointer}.merrychristmas .gift-button:active{animation:giftClick .5s ease-out}.merrychristmas .gift-button:before{content:"🎄✨🎅";position:absolute;top:-100%;left:0;width:100%;text-align:center;opacity:0}.merrychristmas .gift-button:active:before{animation:santaSlide .5s ease-out}@media (max-width: 768px){.merrychristmas .gift-button{padding:.8rem 2rem;font-size:1.2rem;margin:.5rem 0}}.merrychristmas .signature{margin-top:auto;margin-bottom:1.5rem;font-style:italic;font-size:1.5rem;line-height:1.4}.merrychristmas .signature p{margin:.5rem 0}@media (max-width: 768px){.merrychristmas .signature{font-size:1.3rem}}.merrychristmas .snowflake{position:absolute;top:-10px;color:#fff;font-size:1.5rem;content:"❄";animation:fall linear forwards}.merrychristmas .star,.merrychristmas .tree,.merrychristmas .gifts span{display:block;line-height:1}.merrychristmas .company-logo{position:absolute;top:20px;left:20px;width:150px;height:auto;z-index:10;cursor:pointer}.merrychristmas .company-logo img{width:100%;height:auto;object-fit:contain}@media (max-width: 768px){.merrychristmas .company-logo{display:block;width:100px;height:auto;position:absolute}}@keyframes glow{0%{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #ff4b1f}to{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #ff4b1f}}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.5}}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fall{to{transform:translateY(100vh)}}@keyframes fadeIn{to{opacity:1}}@keyframes giftClick{0%{transform:scale(1.05)}50%{transform:scale(.95) rotate(5deg);background:linear-gradient(45deg,#ffeb3b,#ff9068)}75%{transform:scale(1.1) rotate(-5deg)}to{transform:scale(1.05)}}@keyframes santaSlide{0%{top:-100%;opacity:0}50%{top:50%;transform:translateY(-50%);opacity:1}to{top:200%;opacity:0}}.confetti-christmas-special{position:fixed;width:10px;height:10px;background:red;pointer-events:none;will-change:transform;z-index:1000}@keyframes confettiFall-christmas-special{0%{transform:translateY(0) rotate(0);opacity:1}90%{opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.kanbansPage{display:flex;width:100vw;height:100vh}.subnavbar-wrapper{display:flex;width:180px;height:100%;background:#fff;border-right:1px solid #e0e0e0}.subnavbar{width:100%;padding:1rem 0}.subnavbar .section-title{padding:.5rem 1.3rem;font-weight:600;color:#666;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.subnavbar .nav-section-kanban{padding:.5rem 0}.subnavbar .nav-section-kanban .nav-item{display:flex;align-items:center;padding:.6rem .8rem;color:#1a1a1a;text-decoration:none;transition:all .2s ease;font-size:.95rem;cursor:pointer}.subnavbar .nav-section-kanban .nav-item:hover{background:#f5f5f5}.subnavbar .nav-section-kanban .nav-item.selected{background:#f5f5f5;font-weight:500;box-shadow:inset 3px 0 #007bff}.subnavbar .nav-section-kanban .nav-item.action-item{color:#3398db;margin:.3rem .6rem;padding:.5rem .7rem;border-radius:4px;background-color:#3398db1a}.subnavbar .nav-section-kanban .nav-item.action-item:hover{background-color:#3398db26}.subnavbar .nav-section-kanban .nav-item .icon{margin-right:.8rem;display:flex;align-items:center}.subnavbar .nav-section-kanban .nav-item.disabled{opacity:.5;pointer-events:none}.subnavbar .divider{margin:.75rem auto;width:80%;height:1px;background:#e0e0e0}.kanbans{display:flex;height:100vh;width:100vw;background-color:#fff}.kanbans-content{display:flex;width:100%;height:calc(100vh - 60px);flex:1;position:relative}.kanbans .kanbans-main-content{flex:1;overflow-y:auto}@media (max-width: 450px){.kanbans-content{max-width:95%;margin:0 auto}}.create-kanban-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.create-kanban-modal .create-kanban-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;padding:20px;box-shadow:0 4px 20px #00000014;border:1px solid #E2E8F0;animation:modalSlideIn .3s ease;overflow-y:auto}.create-kanban-modal .create-kanban-content::-webkit-scrollbar{width:8px}.create-kanban-modal .create-kanban-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.create-kanban-modal .create-kanban-content::-webkit-scrollbar-thumb{background:#8a8a8a;border-radius:4px}.create-kanban-modal .create-kanban-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.create-kanban-modal .create-kanban-content h2{font-size:20px;font-weight:600;color:#1e293b;margin-bottom:20px}.create-kanban-modal .create-kanban-content .form-group{margin-bottom:20px}.create-kanban-modal .create-kanban-content .form-group label{display:block;font-size:14px;font-weight:500;color:#475569;margin-bottom:8px}.create-kanban-modal .create-kanban-content .form-group input{width:100%;padding:8px 12px;border:1px solid #E2E8F0;border-radius:6px;font-size:14px;transition:border-color .2s}.create-kanban-modal .create-kanban-content .form-group input:focus{outline:none;border-color:#3b82f6}.create-kanban-modal .create-kanban-content .step-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.create-kanban-modal .create-kanban-content .step-indicator .step{width:24px;height:24px;border-radius:50%;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.create-kanban-modal .create-kanban-content .step-indicator .step.active{background:#3b82f6;color:#fff}.create-kanban-modal .create-kanban-content .step-indicator .step-line{height:2px;width:60px;background:#e2e8f0;margin:0 8px}.create-kanban-modal .create-kanban-content .step-header{margin-bottom:20px}.create-kanban-modal .create-kanban-content .step-header h3{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:4px}.create-kanban-modal .create-kanban-content .step-header .step-description{font-size:14px;color:#64748b}.create-kanban-modal .create-kanban-content .actions{display:flex;justify-content:flex-end;gap:12px}.create-kanban-modal .create-kanban-content .actions button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.create-kanban-modal .create-kanban-content .actions button.cancel{background:#fff;border:1px solid #E2E8F0;color:#64748b}.create-kanban-modal .create-kanban-content .actions button.cancel:hover{background:#f8fafc}.create-kanban-modal .create-kanban-content .actions button.create{background:#3b82f6;border:1px solid #3B82F6;color:#fff}.create-kanban-modal .create-kanban-content .actions button.create:hover{background:#2563eb}.create-kanban-modal .create-kanban-content .actions button.create:disabled{opacity:.5;cursor:not-allowed}.create-kanban-modal .create-kanban-content .actions button.back{background:#fff;border:1px solid #E2E8F0;color:#64748b;margin-right:auto}.create-kanban-modal .create-kanban-content .actions button.back:hover{background:#f8fafc}.create-kanban-modal .create-kanban-content .actions button.next{background:#3b82f6;border:1px solid #3B82F6;color:#fff}.create-kanban-modal .create-kanban-content .actions button.next:hover{background:#2563eb}.create-kanban-modal .create-kanban-content .actions button.next:disabled{opacity:.5;cursor:not-allowed}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.create-kanban-modal .theme-section{margin-bottom:24px}.create-kanban-modal .theme-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.create-kanban-modal .theme-section .section-header h3{font-size:14px;font-weight:500;color:#475569}.create-kanban-modal .theme-section .section-header .expand-button{background:none;border:none;color:#3b82f6;font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.create-kanban-modal .theme-section .section-header .expand-button:hover{background:#f1f5f9}.create-kanban-modal .theme-section .color-grid,.create-kanban-modal .theme-section .icon-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;transition:all .3s ease}.create-kanban-modal .theme-section .color-grid.expanded,.create-kanban-modal .theme-section .icon-grid.expanded{grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto}.create-kanban-modal .theme-section .color-option{width:100%;aspect-ratio:1;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.create-kanban-modal .theme-section .color-option:hover{transform:scale(1.05)}.create-kanban-modal .theme-section .color-option.selected{transform:scale(1.05);box-shadow:0 0 0 1px #fff,0 0 0 2px currentColor;border:2px solid black;outline:2px solid white}.create-kanban-modal .theme-section .icon-option{width:100%;aspect-ratio:1;border:1px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.create-kanban-modal .theme-section .icon-option svg{width:20px;height:20px}.create-kanban-modal .theme-section .icon-option:hover{transform:scale(1.05);border-color:var(--accent-color);background:#f8fafc}.create-kanban-modal .theme-section .icon-option.selected{background:#f8fafc;border-color:var(--accent-color);transform:scale(1.05);box-shadow:0 0 0 1px var(--accent-color)}.card-options-menu{position:fixed;background:#fff;border-radius:6px;box-shadow:0 4px 20px #00000026;padding:4px;z-index:1000;border:1px solid #E2E8F0}.card-options-menu .menu-item{display:grid;grid-template-columns:24px 1fr;align-items:center;width:100%;padding:6px 8px;border:none;background:none;cursor:pointer;font-size:13px;color:#334254;border-radius:4px;text-align:left;transition:all .2s ease}.card-options-menu .menu-item:hover:not(.disabled){background:#f8fafc}.card-options-menu .menu-item.danger{color:#ef4444}.card-options-menu .menu-item.danger:hover{background:#fef2f2}.card-options-menu .menu-item.disabled{opacity:.5;cursor:not-allowed}.card-options-menu .menu-item.disabled:hover{background:none}.card-options-menu .menu-item .icon{display:flex;align-items:center;justify-content:center;font-size:16px;width:24px}.card-options-menu .menu-item .label{font-weight:400;padding-left:4px}.kanban-card{padding:var(--spacing-sm);background:#fff;border-radius:8px;border:1px solid #E2E8F0;cursor:grab;position:relative;transform-origin:center center;transform-box:border-box;will-change:transform,opacity,box-shadow;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),opacity .15s ease-in-out,border-color .2s ease;margin-bottom:var(--spacing-sm)}.kanban-card:last-child{margin-bottom:0}.kanban-card:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000000a;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.kanban-card:active{cursor:grabbing}.kanban-card.is-dragging{box-shadow:0 8px 16px #00000014;opacity:.9;transform:scale(1.02);z-index:99;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),opacity .15s ease-in-out}.kanban-card__title{font-size:14px;color:#334254;font-weight:500;margin-bottom:var(--spacing-sm);word-break:break-word;overflow-wrap:break-word}.kanban-card__description{font-size:13px;color:#64748b;margin-bottom:var(--spacing-md);line-height:1.5;word-break:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kanban-card__description p{margin:0;display:inline}.kanban-card__description h1,.kanban-card__description h2,.kanban-card__description h3,.kanban-card__description h4,.kanban-card__description h5,.kanban-card__description h6,.kanban-card__description hr,.kanban-card__description blockquote{display:inline;font-size:inherit;font-weight:400;margin:0;padding:0}.kanban-card__description ul,.kanban-card__description ol{display:inline;margin:0;padding:0;list-style:none}.kanban-card__description li{display:inline}.kanban-card__footer{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.kanban-card__footer .tags{flex:1 1 auto;min-width:40%;max-width:100%;display:flex;gap:6px;flex-wrap:wrap;order:1}.kanban-card__footer .tags .tag{font-size:12px;padding:2px 8px;background:#f8fafc;border-radius:12px;color:#64748b;border:1px solid #E2E8F0;cursor:pointer;transition:all .2s ease;position:relative}.kanban-card__footer .tags .tag:hover{background:#f1f5f9}.kanban-card__footer .tags .tag:after{content:"✎";position:absolute;top:-6px;right:-6px;width:16px;height:16px;background:#fff;border:1px solid #E2E8F0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;opacity:0;transition:all .2s ease;color:#64748b;box-shadow:0 1px 2px #0000000d}.kanban-card__footer .tags .tag:hover:after{opacity:1;transform:scale(1.1)}.kanban-card__footer .assignee{flex:0 0 auto;order:2;margin-left:auto;display:flex;align-items:center;gap:6px;cursor:pointer;padding:1px 6px 1px 1px;border-radius:16px;border:1px solid transparent;transition:all .2s ease;position:relative;background:#f7fbff;min-width:92px}.kanban-card__footer .assignee:hover{background:#f8fafc}.kanban-card__footer .assignee:after{content:"✎";position:absolute;top:-6px;right:-6px;width:16px;height:16px;background:#fff;border:1px solid #E2E8F0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;opacity:0;transition:all .2s ease;color:#64748b;box-shadow:0 1px 2px #0000000d}.kanban-card__footer .assignee:hover:after{opacity:1;transform:scale(1.1)}.kanban-card__footer .assignee .avatar{width:18px;height:18px;border-radius:50%;border:2px solid white}.kanban-card__footer .assignee .name{font-size:9.5px;font-weight:600;color:#465161}.kanban-card .favorite-indicator,.kanban-card .comment-indicator{position:absolute;top:8px;font-size:16px;color:#64748b}.kanban-card .favorite-indicator{right:8px;color:#f59e0b}.kanban-card .comment-indicator{right:32px}.kanban-card .card-unarchive-button{position:absolute;top:8px;right:8px;background:none;border:1px dotted #CBD5E1;padding:4px;cursor:pointer;color:#64748b;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:#fff}.kanban-card .card-unarchive-button:hover{background:#f1f5f9;color:#3b82f6;border-color:#3b82f6;transform:scale(1.1)}.kanban-card .card-unarchive-button svg{width:24px;height:24px}.kanban-card.archived{opacity:.7;background-color:#f1f5f9;border:1px dashed #CBD5E1}.kanban-card.archived:hover{background-color:#f8fafc}.kanban-card.archived:before{content:none}.kanban-card.archived .favorite-indicator{right:32px}.kanban-card.archived .comment-indicator{right:56px}.kanban-card.archived .kanban-card__hover-actions-card{right:50px}.kanban-card__hover-actions-card{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .5s ease}.kanban-card__hover-actions-card button{padding:4px;background:#fff;border-radius:4px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center}.kanban-card__hover-actions-card button:hover{background:#f8fafc;color:#3b82f6;border-color:#3b82f6}.kanban-card__hover-actions-card button svg{width:16px;height:16px}.kanban-card:hover .kanban-card__hover-actions-card{opacity:1}.kanban-card__favorite{position:absolute;top:-6px;left:-6px;transition:all .2s ease;z-index:1}.kanban-card__favorite button{background:#fff;border:1px solid #E2E8F0;border-radius:50%;padding:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#eab308;opacity:0}.kanban-card__favorite button.active{opacity:1}.kanban-card__favorite button svg{width:16px;height:16px}.kanban-card.is-favorite{border-color:#eab3084d;border-width:2px;background-color:#eab3080d}.kanban-card__comment{position:absolute;top:-6px;right:-6px;z-index:1;opacity:0}.kanban-card__comment.has-comments{opacity:1}.kanban-card__comment button{background:#fff;border:1px solid #E2E8F0;border-radius:50%;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;width:24px;height:24px;box-shadow:0 1px 2px #0000000d}.kanban-card__comment button.has-comments{color:#3b82f6;border-color:#3b82f6}.kanban-card__comment button svg{width:24px;height:24px}.kanban-card .debug-order{position:absolute;top:-6px;right:-6px;background:#ff3e3e;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;z-index:2;border:2px solid white;box-shadow:0 1px 3px #0003}.kanban-card__last-active{position:absolute;bottom:-8px;right:-8px;width:24px;height:24px;border-radius:50%;overflow:hidden;opacity:.85;transition:all .2s cubic-bezier(.4,0,.2,1);border:2px solid white;box-shadow:0 2px 4px #0000001a;z-index:1;visibility:hidden}.kanban-card__last-active:hover{transform:scale(1.15);opacity:1;cursor:pointer}.kanban-card__last-active:hover .time-ago{opacity:1;transform:translateY(0);visibility:visible}.kanban-card__last-active img{width:100%;height:100%;object-fit:cover}.kanban-card__last-active .time-ago{position:absolute;bottom:calc(100% + 8px);right:-4px;background:#000000d9;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(4px);transition:all .2s cubic-bezier(.4,0,.2,1);pointer-events:none;font-weight:500;letter-spacing:.2px}.kanban-card__last-active .time-ago:after{content:"";position:absolute;bottom:-4px;right:8px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(0,0,0,.85)}.kanban-card.recent-activity .kanban-card__last-active{visibility:visible}.kanban-card.very-recent-update{border:2px solid #3B82F6;box-shadow:0 0 0 1px #3b82f61a}.kanban-card.very-recent-update:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:1px solid rgba(59,130,246,.3);border-radius:10px;pointer-events:none}.kanban-card.recent-update{border:2px solid #3B82F6;box-shadow:0 0 0 1px #3b82f61a}.kanban-card.recent-update:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:1px solid rgba(59,130,246,.3);border-radius:10px;pointer-events:none}.tag-selector{position:fixed;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000014;width:220px;max-height:400px;display:flex;flex-direction:column;overflow:hidden;z-index:1000000;border:1px solid #E2E8F0;top:50%;left:50%;transform:none}.tag-selector__search{padding:8px;border-bottom:1px solid #F1F5F9}.tag-selector__input{width:100%;padding:6px 8px;border:1px solid #E2E8F0;border-radius:6px;font-size:14px;outline:none}.tag-selector__input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.tag-selector__create-button{width:100%;padding:6px 8px;display:flex;align-items:center;gap:6px;border:none;background:none;color:#64748b;font-size:14px;cursor:pointer;border-radius:6px}.tag-selector__create-button:hover{background:#f8fafc;color:#3b82f6}.tag-selector__create-button svg{font-size:18px}.tag-selector__list{overflow-y:auto;max-height:300px;padding:4px}.tag-selector__list::-webkit-scrollbar{width:6px}.tag-selector__list::-webkit-scrollbar-track{background:transparent}.tag-selector__list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.tag-selector__item{padding:4px 8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-radius:6px}.tag-selector__item:hover{background:#f8fafc}.tag-selector__item.selected{background:#f1f5f9}.tag-selector__color{padding:2px 8px;border-radius:12px;font-size:12px;text-transform:capitalize}.tag-selector__remove{color:#94a3b8;font-size:16px;opacity:0}.tag-selector__remove:hover{color:#ef4444}.tag-selector__actions{display:flex;gap:4px;align-items:center}.tag-selector__action-btn{background:none;border:none;padding:4px;cursor:pointer;color:#64748b;display:flex;align-items:center;border-radius:4px;opacity:0;transition:all .2s}.tag-selector__action-btn:hover{background:#f1f5f9;color:#3b82f6}.tag-selector__action-btn.selected,.tag-selector__item:hover .tag-selector__action-btn{opacity:1}.tag-selector__item:hover .tag-selector__remove:not(.selected){opacity:0}.tag-management-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.tag-management{background:#fff;border-radius:12px;width:300px;overflow:hidden;box-shadow:0 4px 20px #00000026}.tag-management__header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #f1f5f9}.tag-management__header h3{margin:0;font-size:16px;font-weight:600;color:#0f172a}.tag-management__close{background:none;border:none;padding:4px;cursor:pointer;color:#64748b;display:flex;align-items:center;border-radius:6px}.tag-management__close:hover{background:#f1f5f9;color:#0f172a}.tag-management__content{padding:16px;display:flex;flex-direction:column;gap:16px}.tag-management__preview{padding:2px 8px;border-radius:15px;text-align:center;font-size:16px;transition:all .2s;border:1px solid #E2E8F0;display:inline-block;margin:0 auto}.tag-management__input{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;outline:none;transition:all .2s}.tag-management__input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.tag-management__colors{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.tag-management__color-btn{width:100%;aspect-ratio:1;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.tag-management__color-btn:hover{transform:scale(1.1)}.tag-management__color-btn.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px #3b82f6}.tag-management__actions{display:flex;gap:8px}.tag-management__delete{background:#ef4444;color:#fff;border:none;padding:8px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s;flex:1}.tag-management__delete:hover{background:#dc2626}.tag-management__submit{flex:1;background:#3b82f6;color:#fff;border:none;padding:8px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.tag-management__submit:disabled{opacity:.5;cursor:not-allowed}.tag-management__submit:not(:disabled):hover{background:#2563eb}.assignee-selector{position:fixed;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000014;width:240px;max-height:400px;display:flex;flex-direction:column;overflow:hidden;z-index:1000000;border:1px solid #E2E8F0}.assignee-selector__search{padding:8px;border-bottom:1px solid #F1F5F9}.assignee-selector__input{width:100%;padding:6px 8px;border:1px solid #E2E8F0;border-radius:6px;font-size:14px;outline:none}.assignee-selector__input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.assignee-selector__list{overflow-y:auto;max-height:300px;padding:4px}.assignee-selector__item{padding:8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-radius:6px}.assignee-selector__item:hover{background:#f8fafc}.assignee-selector__item.selected{background:#f1f5f9}.assignee-selector__user{display:flex;align-items:center;gap:8px}.assignee-selector__avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.assignee-selector__avatar-fallback{width:24px;height:24px;border-radius:50%;background-color:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;text-transform:uppercase}.assignee-selector__name{font-size:14px;color:#1e293b}.assignee-selector__remove{color:#94a3b8;font-size:16px}.assignee-selector__remove:hover{color:#ef4444}.card-comments{position:fixed;width:320px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;border:1px solid #E2E8F0;display:flex;flex-direction:column;z-index:1000}.card-comments__header{padding:12px 16px;border-bottom:1px solid #E2E8F0;display:flex;justify-content:space-between;align-items:center}.card-comments__header h3{margin:0;font-size:14px;font-weight:600}.card-comments__close{background:none;border:none;cursor:pointer;color:#64748b;padding:4px}.card-comments__close:hover{color:#334155}.card-comments__list{padding:16px;max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.card-comments__item{display:flex;gap:12px}.card-comments__item--mine .card-comments__content{background:#f0f9ff;border-radius:8px;padding:8px 12px}.card-comments__avatar{width:32px;height:32px;border-radius:50%}.card-comments__content{flex:1;position:relative}.card-comments__content:hover .card-comments__delete{opacity:1}.card-comments__author{display:flex;align-items:center;gap:8px;margin-bottom:4px;position:relative}.card-comments__name{font-weight:500;font-size:13px}.card-comments__time{font-size:12px;color:#64748b}.card-comments__text{margin:0;font-size:13px;line-height:1.4}.card-comments__form{padding:16px;border-top:1px solid #E2E8F0;display:flex;gap:8px}.card-comments__input{flex:1;padding:8px 12px;border:1px solid #E2E8F0;border-radius:4px;font-size:13px}.card-comments__input:focus{outline:none;border-color:#3b82f6}.card-comments__input:disabled{background:#f1f5f9;cursor:not-allowed}.card-comments__submit{background:#3b82f6;color:#fff;border:none;border-radius:4px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.card-comments__submit:hover{background:#2563eb}.card-comments__submit:disabled{cursor:not-allowed}.card-comments__empty{padding:16px;text-align:center;color:#94a3b8;font-size:13px}.card-comments__delete{opacity:0;position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:#94a3b8;transition:opacity .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center}.card-comments__delete:hover{color:#ef4444}.newcardshortcut{padding:var(--spacing-xs) var(--spacing-sm);background:#fff;border-radius:8px;border:1px dashed #E2E8F0;cursor:pointer;display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:13px;transition:all .2s ease;opacity:.7;width:100%;box-sizing:border-box}.newcardshortcut svg{width:16px;height:16px;opacity:.7}.newcardshortcut span{font-weight:500}.newcardshortcut:hover{background:#f8fafc;border-color:#cbd5e1;color:#3b82f6;opacity:1;transform:translateY(-1px)}.newcardshortcut:hover svg{opacity:1;color:#3b82f6}.kanban-column{display:flex;flex:1;height:100%;min-height:100%;flex-direction:column;background:transparent;border-radius:8px;margin:0 6px}.kanban-column__header{position:sticky;top:0;background:#fff;padding:12px 16px;border-bottom:1px solid #F2F4F7;z-index:50}.kanban-column__header .column-title{display:flex;align-items:center;gap:8px}.kanban-column__header .column-title h3{font-size:14px;font-weight:600;color:#101828;letter-spacing:-.1px}.kanban-column__header .column-title .column-indicator{width:8px;height:8px;border-radius:2px;opacity:.8}.kanban-column__header .column-title .task-count{font-size:12px;color:#475467;background:#f9fafb;padding:2px 6px;border-radius:16px;margin-left:auto;border:1px solid #EAECF0}.kanban-column__content{flex:1;padding:8px 6px;overflow-y:auto;min-height:100px;margin-bottom:24px;scrollbar-gutter:stable both-edges}.kanban-column__content::-webkit-scrollbar{width:4px}.kanban-column__content::-webkit-scrollbar-thumb{background:#e4e7ec;border-radius:4px}.kanban-column__content::-webkit-scrollbar-thumb:hover{background:#d0d5dd}.kanban-column__content.is-dragging-over{background:#92baff1a;transition:background-color .2s ease}.kanban-column__content>*+*{margin-top:8px}.delete-card-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.delete-card-content{background:#fff;padding:24px;border-radius:8px;max-width:400px;width:90%;box-shadow:0 2px 10px #0000001a}.delete-card-content h3{margin:0 0 16px;color:#ef4444}.delete-card-content p{margin:0 0 24px;color:#4b5563}.delete-card-actions{display:flex;justify-content:flex-end;gap:12px}.delete-card-actions button{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:500;transition:background-color .2s}.delete-card-actions button.btn-cancel{background-color:#e5e7eb;color:#4b5563}.delete-card-actions button.btn-cancel:hover{background-color:#d1d5db}.delete-card-actions button.btn-delete{background-color:#ef4444;color:#fff}.delete-card-actions button.btn-delete:hover{background-color:#dc2626}:root{--font-family-primary: "Work Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--max-content-width: 1200px;--container-padding: 1.5rem;--card-padding: 1.25rem;--card-radius: 12px;--card-shadow: 0 2px 4px rgba(0, 0, 0, .05);--card-hover-shadow: 0 4px 12px rgba(0, 0, 0, .08);--card-border: 1px solid var(--border-color);--primary-gradient: linear-gradient(180deg, #5279A3 16%, #E66B67 55%, #ECB417 100%);--secondary-gradient: linear-gradient(135deg, #f6f8ff 0%, #f1f3ff 100%);--surface-color: #ffffff;--text-primary: #1a1a1a;--text-secondary: #666666;--background-light: #f8f9fa;--border-color: #eaeaea;--gradient-primary: linear-gradient(135deg, #5279A3 0%, #E66B67 100%);--spacing-xs: .375rem;--spacing-sm: .625rem;--spacing-md: .875rem;--spacing-lg: 1.25rem;--spacing-xl: 1.75rem;--spacing-2xl: 2.5rem;--icon-small: 24px;--icon-medium: 32px;--icon-large: 64px;--icon-xlarge: 90px;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .4s ease}.kanban-board{max-width:1400px;margin:0 auto;font-family:var(--font-family-primary);height:calc(100vh - 60px);width:100%;display:flex;flex-direction:column;align-items:center}.kanban-board .kanbans-header{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.kanban-board .kanbans-header h1{font-family:var(--font-family-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:1.3;color:var(--text-primary);margin-bottom:var(--spacing-sm);cursor:text;padding:4px 8px;border-radius:4px;min-width:200px;min-height:32px;text-align:center;display:flex;align-items:center;justify-content:center}.kanban-board .kanbans-header h1:hover{background-color:#00000008}.kanban-board .kanbans-header h1 span[contenteditable]{outline:none;display:inline-block;min-width:100px;text-align:center;width:100%}.kanban-board .kanbans-header h1 span[contenteditable]:empty:before{content:"Untitled";color:#94a3b8;font-style:italic}.kanban-board .kanbans-header .search-container{width:100%;max-width:480px;position:relative}.kanban-board .kanbans-header .search-container:before{content:"🔍";position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:14px}.kanban-board .kanbans-header .search-container .search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid #E2E8F0;border-radius:8px;font-size:14px;color:#334254;background:#fff;transition:all .2s ease}.kanban-board .kanbans-header .search-container .search-input::placeholder{color:#94a3b8}.kanban-board .kanbans-header .search-container .search-input:focus{outline:none;border-color:#5279a3;box-shadow:0 0 0 3px #5279a31a}.kanban-board .kanbans-header .header-controls{display:flex;align-items:center;gap:var(--spacing-md);width:100%;max-width:480px}.kanban-board .kanbans-header .header-controls .action-buttons{display:flex;gap:var(--spacing-sm)}.kanban-board .kanbans-header .header-controls .action-button{background:#fff;border:1px solid #E2E8F0;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s ease;position:relative}.kanban-board .kanbans-header .header-controls .action-button:hover{background:#f8fafc;color:#334254;border-color:#cbd5e1}.kanban-board .kanbans-header .header-controls .action-button .archive-badge{position:absolute;top:-8px;right:-8px;background:#3385ff;color:#fff;border-radius:12px;min-width:16px;height:16px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;border:1px solid #E2E8F0;box-shadow:0 1px 2px #0000000d;transition:all .2s ease;animation:badge-pop .3s cubic-bezier(.34,1.56,.64,1);transform-origin:center}.kanban-board .kanbans-header .header-controls .action-button .archive-badge:hover{transform:scale(1.1);transition:transform .2s ease}.kanban-board-columns{display:flex;width:100%;height:100%;justify-content:center;gap:var(--spacing-sm);border-radius:0 0 20px 20px;overflow-x:auto}.kanban-board-columns::-webkit-scrollbar{height:6px}.kanban-board-columns::-webkit-scrollbar-track{background:var(--background-light);border-radius:4px}.kanban-board-columns::-webkit-scrollbar-thumb{background:#e0e4e8;border-radius:4px;transition:background .2s ease}.kanban-board-columns::-webkit-scrollbar-thumb:hover{background:#cbd2d9}@keyframes badge-pop{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.title-container h1{cursor:text;padding:4px 8px;border-radius:4px;min-width:200px}.title-container h1:hover{background-color:#00000008}.title-container .title-input{font-size:inherit;font-weight:inherit;font-family:inherit;color:inherit;background:transparent;border:none;padding:0;margin:0;width:100%;cursor:text}.title-container .title-input:focus{outline:none}.kanban-archive-overlay{position:fixed;top:0;left:0;bottom:0;width:100%;background:#0000004d;z-index:1000;display:flex;justify-content:flex-end;animation:fadeIn .3s ease-in-out}.kanban-archive-overlay .kanban-archive{width:100%;max-width:400px;background:#fff;height:100%;animation:slideInPanel .3s ease-in-out;display:flex;flex-direction:column}.kanban-archive-overlay .kanban-archive .archive-header{padding:var(--spacing-lg);border-bottom:1px solid #E2E8F0;display:flex;align-items:center;justify-content:space-between}.kanban-archive-overlay .kanban-archive .archive-header h2{font-size:18px;font-weight:600;color:#334254}.kanban-archive-overlay .kanban-archive .archive-header .close-button{background:none;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:6px}.kanban-archive-overlay .kanban-archive .archive-header .close-button:hover{background:#f8fafc;color:#334254}.kanban-archive-overlay .kanban-archive .archive-search{padding:var(--spacing-md);border-bottom:1px solid #E2E8F0;display:flex;align-items:center;gap:var(--spacing-sm);background:#fff}.kanban-archive-overlay .kanban-archive .archive-search svg{color:#94a3b8}.kanban-archive-overlay .kanban-archive .archive-search input{flex:1;border:none;outline:none;font-size:14px;color:#334254}.kanban-archive-overlay .kanban-archive .archive-search input::placeholder{color:#94a3b8}.kanban-archive-overlay .kanban-archive .archive-content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.kanban-archive-overlay .kanban-archive .archive-content .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#94a3b8}.kanban-archive-overlay .kanban-archive .archive-content .empty-state svg{margin-bottom:var(--spacing-sm)}.kanban-archive-overlay .kanban-archive .archive-content .empty-state p{font-size:14px}.kanban-archive-overlay .kanban-archive .archive-content .archived-task{position:relative;margin-bottom:var(--spacing-md)}.kanban-archive-overlay .kanban-archive .archive-content .archived-task .unarchive-button{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);display:flex;align-items:center;gap:4px;padding:6px 12px;background:#fff;border:1px solid #E2E8F0;border-radius:6px;font-size:12px;color:#64748b;cursor:pointer;transition:all .2s ease}.kanban-archive-overlay .kanban-archive .archive-content .archived-task .unarchive-button:hover{background:#f8fafc;color:#334254;border-color:#cbd5e1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.kanban-modal-overlay{padding:0!important;margin:0!important;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000026;display:flex;align-items:flex-start;justify-content:flex-end;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.kanban-modal{height:100vh;width:40%;min-width:750px;background:#fff;box-shadow:-2px 0 24px #00000014;animation:slideInPanel .2s ease-out;display:flex;flex-direction:column;position:relative}@keyframes slideInPanel{0%{transform:translate(100%)}to{transform:translate(0)}}.kanban-modal__header{padding:12px 16px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10;border-bottom:1px solid #F1F5F9;display:flex;justify-content:flex-end}.kanban-modal__header .close-button{background:none;border:none;font-size:24px;color:#94a3b8;cursor:pointer;padding:4px 8px;border-radius:4px}.kanban-modal__header .close-button:hover{background:#f8fafc;color:#64748b}.kanban-modal__header .header-actions{display:flex;gap:8px;align-items:center}.kanban-modal__header .header-actions .action-button{background:none;border:none;padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:all .2s}.kanban-modal__header .header-actions .action-button:hover{background:#f8fafc;color:#64748b}.kanban-modal__header .header-actions .action-button.delete-button:hover{background:#fee2e2;color:#ef4444}.kanban-modal__header .header-actions .saving-indicator{font-size:13px;color:#94a3b8}.kanban-modal__header .header-actions .save-button{padding:6px 12px;border-radius:6px;border:none;background:#0f172a;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.kanban-modal__header .header-actions .save-button:hover{background:#1e293b}.kanban-modal__header .header-actions .save-button:disabled{opacity:.6;cursor:not-allowed}.kanban-modal__content{flex:1;padding:20px 24px;overflow-y:auto}.kanban-modal__content .section-title{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-weight:600;margin-bottom:12px}.kanban-modal__content .title-input{width:100%;font-size:22px;font-weight:600;border:none;padding:8px;margin-bottom:32px;color:#1e293b;transition:all .2s;border-radius:4px}.kanban-modal__content .title-input:focus{outline:none}.kanban-modal__content .title-input::placeholder{color:#cbd5e1}.kanban-modal__content .title-input:hover{background:#f8fafc}.kanban-modal__content .meta-section{background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:32px;display:flex;flex-direction:column;gap:8px}.kanban-modal__content .meta-section .meta-item{display:flex;align-items:center;gap:16px;padding:8px 12px;border-radius:8px;transition:all .2s ease}.kanban-modal__content .meta-section .meta-item:hover{background:#fffc}.kanban-modal__content .meta-section .meta-item .meta-label{min-width:80px;font-size:13px;color:#64748b;font-weight:500}.kanban-modal__content .meta-section .meta-item .meta-content{flex:1;display:flex;align-items:center;gap:8px}.kanban-modal__content .meta-section .meta-item .empty-value{color:#cbd5e1;font-size:13px;font-style:italic;padding:4px 8px;background:#ffffff80;border-radius:4px;transition:all .2s}.kanban-modal__content .meta-section .meta-item .empty-value:hover{background:#fffc;color:#94a3b8}.kanban-modal__content .meta-section .meta-item .assignee{display:flex;align-items:center;gap:8px;padding:2px 24px 2px 2px;border-radius:16px;transition:all .2s;position:relative;cursor:pointer}.kanban-modal__content .meta-section .meta-item .assignee:hover{background:#fffc}.kanban-modal__content .meta-section .meta-item .assignee .remove-button{position:absolute;right:6px;color:#94a3b8;font-size:16px;font-weight:700;opacity:0;transition:opacity .2s;cursor:pointer}.kanban-modal__content .meta-section .meta-item .assignee .remove-button:hover{color:#ef4444}.kanban-modal__content .meta-section .meta-item .assignee:hover .remove-button{opacity:1}.kanban-modal__content .meta-section .meta-item .assignee img{width:24px;height:24px;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #0000001a}.kanban-modal__content .meta-section .meta-item .assignee span{font-size:13px;color:#334155;font-weight:500}.kanban-modal__content .meta-section .meta-item .tags-container{flex:1}.kanban-modal__content .meta-section .meta-item .tags-container .tags{display:flex;flex-wrap:wrap;gap:6px}.kanban-modal__content .meta-section .meta-item .tags-container .tags .tag{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;transition:all .2s}.kanban-modal__content .meta-section .meta-item .tags-container .tags .tag:hover{transform:translateY(-1px);filter:brightness(.95)}.kanban-modal__content .meta-section .meta-item:after{content:"›";color:#cbd5e1;font-size:18px;opacity:0;transition:all .2s}.kanban-modal__content .meta-section .meta-item:hover:after{opacity:1}.kanban-modal__content .meta-section .creation-details{display:flex;align-items:center;gap:16px;padding:8px 12px;border-radius:8px;background:#fff;margin-top:8px;border-bottom:1px solid #F1F5F9;width:fit-content}.kanban-modal__content .meta-section .creation-details .meta-label{min-width:80px;font-size:13px;color:#64748b;font-weight:500}.kanban-modal__content .meta-section .creation-details .creation-info{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b}.kanban-modal__content .meta-section .creation-details .creation-info .creator{display:flex;align-items:center;gap:6px}.kanban-modal__content .meta-section .creation-details .creation-info .creator img{width:16px;height:16px;border-radius:50%}.kanban-modal__content .meta-section .creation-details .creation-info .date{color:#94a3b8}.kanban-modal__content .meta-section .creation-details .creation-info .date:before{content:"•";margin:0 6px}.kanban-modal__content .attachment-section{background:#f8fafc;border-radius:12px;padding:16px;margin-top:32px}.kanban-modal__content .attachment-section .attachment-list{display:flex;flex-direction:column;gap:8px}.kanban-modal__content .attachment-section .attachment-item{display:flex;align-items:center;gap:12px;padding:8px;background:#fff;border-radius:6px;transition:all .2s}.kanban-modal__content .attachment-section .attachment-item:hover{background:#f1f5f9}.kanban-modal__content .attachment-section .attachment-item .file-icon{color:#64748b}.kanban-modal__content .attachment-section .attachment-item .file-info{flex:1}.kanban-modal__content .attachment-section .attachment-item .file-info .file-name{font-size:14px;color:#334155;margin-bottom:2px}.kanban-modal__content .attachment-section .attachment-item .file-info .file-size{font-size:12px;color:#94a3b8}.kanban-modal__content .attachment-section .attachment-item .remove-file{color:#94a3b8;padding:4px;border-radius:4px;cursor:pointer}.kanban-modal__content .attachment-section .attachment-item .remove-file:hover{color:#ef4444;background:#fee2e2}.kanban-modal__content .attachment-section .upload-button{width:100%;padding:8px;border:2px dashed #CBD5E1;border-radius:6px;background:#fff;color:#64748b;font-size:14px;cursor:pointer;transition:all .2s}.kanban-modal__content .attachment-section .upload-button:hover{border-color:#94a3b8;background:#f8fafc}@media (max-width: 768px){.kanban-modal{max-width:100%}.kanban-modal__content{padding:16px}.kanban-modal__content .meta-section,.kanban-modal__content .description-section{border-radius:8px;padding:12px}.kanban-modal__content .title-input{font-size:20px;margin-bottom:24px}}@media (max-width: 480px){.kanban-modal__content{padding:12px}.kanban-modal__content .title-input{font-size:18px}.kanban-modal__content .meta-section{padding:12px}.kanban-modal__content .meta-section .meta-item{padding:6px 8px}.kanban-modal__content .meta-section .meta-item .meta-label{min-width:70px;font-size:12px}.kanban-modal__content .meta-section .meta-item .assignee span,.kanban-modal__content .meta-section .meta-item .empty-value{font-size:12px}.kanban-modal__content .meta-section .meta-item .tags-container .tags .tag{padding:3px 8px;font-size:11px}}.coming-soon{position:relative;cursor:not-allowed}.coming-soon:hover:after{content:"Coming Soon";position:absolute;left:50%;transform:translate(-50%);background:#0f172a;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000}.coming-soon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff6;border-radius:12px;z-index:1}.column-display{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;transition:all .2s;background:#fffc}.column-display:hover{background:#fff}.column-display .column-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.column-display span{font-size:13px;color:#334155;font-weight:500}.column-selector{position:fixed;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000014;width:220px;max-height:400px;display:flex;flex-direction:column;overflow:hidden;z-index:1000000;border:1px solid #E2E8F0}.column-selector__list{overflow-y:auto;max-height:300px;padding:4px}.column-selector__list::-webkit-scrollbar{width:6px}.column-selector__list::-webkit-scrollbar-track{background:transparent}.column-selector__list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.column-selector__item{padding:8px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;border-radius:6px;transition:background-color .2s ease}.column-selector__item:hover{background:#f8fafc}.column-selector__item.selected{background:#f1f5f9;font-weight:500}.column-selector__item .column-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.column-selector__name{font-size:14px;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.options-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;display:flex;align-items:center;justify-content:center;z-index:1000}.options-menu-overlay .options-menu{background:#fff;border-radius:16px;width:320px;max-width:90vw;overflow:hidden;box-shadow:0 8px 32px #0000001f;transform:translateY(0);animation:slideInOptions .2s ease-out}@keyframes slideInOptions{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.options-menu-overlay .options-menu__header{display:flex;align-items:center;gap:10px;padding:16px;background:#f8fafc}.options-menu-overlay .options-menu__header h3{margin:0;font-size:16px;font-weight:600;color:#0f172a}.options-menu-overlay .options-menu__header .options-menu__icon{font-size:18px;color:#64748b}.options-menu-overlay .options-menu__section{padding:12px 16px}.options-menu-overlay .options-menu__section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.options-menu-overlay .options-menu__section .section-header h4{margin:0;font-size:13px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.options-menu-overlay .options-menu__section .section-header .expand-button{background:none;border:none;color:#3b82f6;font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.options-menu-overlay .options-menu__section .section-header .expand-button:hover{background:#f1f5f9}.options-menu-overlay .options-menu .color-grid,.options-menu-overlay .options-menu .icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;transition:all .3s ease}.options-menu-overlay .options-menu .color-grid.expanded,.options-menu-overlay .options-menu .icon-grid.expanded{grid-template-columns:repeat(6,1fr);grid-template-rows:auto auto}.options-menu-overlay .options-menu .color-option{width:100%;aspect-ratio:1;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.options-menu-overlay .options-menu .color-option:hover{transform:scale(1.1)}.options-menu-overlay .options-menu .color-option.selected{transform:scale(1.1);box-shadow:0 0 0 2px #fff,0 0 0 4px currentColor}.options-menu-overlay .options-menu .icon-option{width:100%;aspect-ratio:1;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.options-menu-overlay .options-menu .icon-option:hover{transform:scale(1.1);border-color:var(--accent-color);background:#f8fafc}.options-menu-overlay .options-menu .icon-option.selected{background:#f8fafc;border-color:var(--accent-color);transform:scale(1.1);box-shadow:0 0 0 1px var(--accent-color)}.options-menu-overlay .options-menu__danger{padding:16px}.options-menu-overlay .options-menu__danger .delete-button{width:100%;padding:10px;border:none;background:#fef2f2;color:#ef4444;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.options-menu-overlay .options-menu__danger .delete-button:hover{background:#fee2e2;transform:scale(1.02)}.options-menu-overlay .options-menu__danger .delete-confirm{text-align:center}.options-menu-overlay .options-menu__danger .delete-confirm p{color:#ef4444;margin:0 0 12px;font-size:14px;font-weight:500}.options-menu-overlay .options-menu__danger .delete-confirm .delete-actions{display:flex;gap:8px}.options-menu-overlay .options-menu__danger .delete-confirm .delete-actions button{flex:1;padding:10px;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s}.options-menu-overlay .options-menu__danger .delete-confirm .delete-actions button:first-child{background:#f8fafc;color:#64748b}.options-menu-overlay .options-menu__danger .delete-confirm .delete-actions button:first-child:hover{background:#f1f5f9;transform:scale(1.02)}.options-menu-overlay .options-menu__danger .delete-confirm .delete-actions button.confirm{background:#ef4444;color:#fff}.options-menu-overlay .options-menu__danger .delete-confirm .delete-actions button.confirm:hover{background:#dc2626;transform:scale(1.02)}.kanbanwrapper{width:100%;height:100%}.usage-warning-banner{background-color:#ff4d4df2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 12px #ff4d4d33;color:#fff!important;width:100%;padding:10px 0;position:sticky;top:0;z-index:1000;animation:slideDown .3s ease-out}.usage-warning-banner .warning-content{display:flex;align-items:center;justify-content:center;gap:12px;max-width:1200px;margin:0 auto}.usage-warning-banner .warning-icon{font-size:20px;display:flex;align-items:center}.usage-warning-banner .warning-text{font-weight:500;letter-spacing:.2px;font-size:15px;color:#fff!important}.usage-warning-banner .banner-actions{display:flex;gap:8px;align-items:center}.usage-warning-banner .details-link,.usage-warning-banner .upgrade-link{color:#fff;text-decoration:none;font-weight:600;padding:6px 16px;border:1.5px solid rgba(255,255,255,.8);border-radius:20px;transition:all .2s ease}.usage-warning-banner .details-link:hover,.usage-warning-banner .upgrade-link:hover{background-color:#fff;color:#ff4d4f;transform:translateY(-1px)}.usage-warning-banner .upgrade-link{background-color:#fff;color:#ff4d4f}.usage-warning-banner .upgrade-link:hover{background-color:#ffffffe6;border-color:#fff}.enterprise-freeze-banner{background-color:#1890fff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 12px #1890ff33;color:#fff!important;width:100%;padding:10px 0;position:sticky;top:0;z-index:1000;animation:slideDown .3s ease-out}.enterprise-freeze-banner .enterprise-freeze-banner-content{display:flex;align-items:center;justify-content:center;gap:12px;max-width:1200px;margin:0 auto;padding:0 20px}.enterprise-freeze-banner .enterprise-freeze-banner-icon{font-size:20px;display:flex;align-items:center}.enterprise-freeze-banner .enterprise-freeze-banner-text{font-weight:500;letter-spacing:.2px;font-size:15px;color:#fff!important}.enterprise-freeze-banner .enterprise-freeze-banner-actions{display:flex;gap:8px;align-items:center}.enterprise-freeze-banner .enterprise-freeze-banner-contact-link{color:#fff;text-decoration:none;font-weight:600;padding:6px 16px;border:1.5px solid rgba(255,255,255,.8);border-radius:20px;transition:all .2s ease}.enterprise-freeze-banner .enterprise-freeze-banner-contact-link:hover{background-color:#fff;color:#1890ff;transform:translateY(-1px)}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.org-invitation-banner{width:100%;background-color:#f3d9f3;color:#1f021f;padding:.5rem 0;position:relative;z-index:1001}.org-invitation-banner .invitation-content{display:flex;align-items:center;justify-content:center;max-width:100%;width:100%;margin:0 auto}.org-invitation-banner .invitation-content .invitation-icon{margin-right:.5rem;font-size:20px}.org-invitation-banner .invitation-content .invitation-text{flex:1;font-size:14px}.org-invitation-banner .invitation-content .banner-actions{display:flex;align-items:center;margin-left:1rem;gap:.5rem}.notification-layout{display:flex;flex-direction:column;height:100vh;width:100%}.notification-layout>:last-child{flex:1;min-height:0}@keyframes objectivePulse{0%{opacity:.7;box-shadow:0 0 5px 2px #7a0e7a;transform:scale(1)}50%{opacity:1;box-shadow:0 0 20px 5px #7a0e7a;transform:scale(1.02)}to{opacity:.7;box-shadow:0 0 5px 2px #7a0e7a;transform:scale(1)}}.objective-highlight{animation:objectivePulse 2s infinite;transition:all .3s ease;position:relative;z-index:10}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;place-items:center;min-height:100vh;background-color:#fff}body .opti-back{width:100%;height:250px;background-image:url(/assets/gradient-D0hr3tEl.jpg);background-size:cover;background-position:center}@media (max-width: 1600px){body .opti-back{height:120px}}h1,h2,h3,h4,h5{margin:0;padding:0}h1{font-family:Raleway,sans-serif;font-weight:700;font-size:48px;padding:0;margin:0}@media (max-width: 1600px){h1{font-size:32px}}@media (max-width: 768px){h1{font-size:20px}}h2{font-family:Raleway,sans-serif;font-weight:medium;font-size:38px}@media (max-width: 1600px){h2{font-size:32px}}@media (max-width: 768px){h2{font-size:18px}}h2.bold{font-family:Raleway,sans-serif;font-weight:medium;font-size:38px;font-weight:700}@media (max-width: 1600px){h2.bold{font-size:32px}}@media (max-width: 768px){h2.bold{font-size:18px}}h3{font-family:Raleway,sans-serif;font-weight:medium;font-size:32px}@media (max-width: 1600px){h3{font-size:24px}}@media (max-width: 768px){h3{font-size:16px}}h3.bold{font-family:Raleway,sans-serif;font-weight:medium;font-size:32px;font-weight:700}@media (max-width: 1600px){h3.bold{font-size:24px}}@media (max-width: 768px){h3.bold{font-size:16px}}h4{font-family:Raleway,sans-serif;font-weight:400;font-size:20px}@media (max-width: 1600px){h4{font-size:16px}}h4.bold{font-family:Raleway,sans-serif;font-weight:400;font-size:20px;font-weight:700}@media (max-width: 1600px){h4.bold{font-size:16px}}h5{font-family:Raleway,sans-serif;font-weight:400;font-size:16px}@media (max-width: 1600px){h5{font-size:14px}}h5.bold{font-family:Raleway,sans-serif;font-weight:400;font-size:16px;font-weight:700}@media (max-width: 1600px){h5.bold{font-size:14px}}p{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;padding:0;margin:0}@media (max-width: 1600px){p{font-size:13px}}button{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;font-weight:600;white-space:nowrap;padding:10px;border-radius:8px;cursor:pointer;transition:background-color .1s;border:none;outline:none;display:flex;flex-direction:row;justify-content:center;gap:5px;align-items:center;max-height:50px}@media (max-width: 1600px){button{font-size:13px}}button:focus,button:hover{outline:none}button.primary{background-color:#eeeffa;color:#4979a3}button.primary:hover{background-color:#c7caee}button.secondary{background-color:#000;color:#fff;font-family:Roboto,sans-serif;font-size:16px;font-weight:400}@media (max-width: 1600px){button.secondary{font-size:13px}}button.secondary:hover{background-color:#1a1a1a}button.tertiary{background-color:#f7f7f7;border:1px solid #edf2f5;color:#222325;font-family:Roboto,sans-serif;font-size:16px;font-weight:400}@media (max-width: 1600px){button.tertiary{font-size:13px}}button.tertiary:hover{background-color:#fff}button.quaternary{background-color:#eeeffa;color:#4979a3;border:1px solid #abc4da}button.quaternary:hover{background-color:#c7caee}button .icon{width:24px;display:flex;justify-content:center;align-items:center}button:disabled{background-color:#ededed;color:#ababab;cursor:default;opacity:.9}button:disabled:hover{background-color:#ededed}textarea,input{padding:.5rem;border:1px solid #ababab;border-radius:5px;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#000;background-color:#fff;outline:none;transition:border-color .3s;box-sizing:border-box}@media (max-width: 1600px){textarea,input{font-size:13px}}textarea:focus,input:focus{border-color:#ed908c}textarea::placeholder,input::placeholder{color:#ababab}textarea{resize:none;overflow-y:hidden;min-height:24px;max-height:150px;box-sizing:border-box}.toast-position{top:80px}