@charset "UTF-8";body{background:#fff;font-family:Radio Canada,sans-serif;font-weight:600}.padding-nav{padding-top:80px;position:relative}nav.globalnav{padding-top:15px;position:absolute;width:100%;z-index:99}.contain-navend{display:flex}.accountdropdown .menu-icon:first-child{padding-right:5px}.accountdropdown .menu-icon:last-child{padding:0 0 0 5px}.burger{display:none;height:30px}#checkboxburger{display:none!important}.toggleburger{cursor:pointer;display:block;height:25px;position:absolute;right:15px;width:30px}.toggleburger:after{content:"MENU";display:block;float:left;font-size:10px;height:30px;line-height:7}.barburger{background:#565656;border-radius:5px;color:inherit;height:3px;left:0;opacity:1;position:absolute;right:0;transition:none .35s cubic-bezier(.5,-.35,.35,1.5) 0s}.bar--topburger{bottom:calc(25% + 12.5px);transition-delay:.35s,0s;transition-property:bottom,transform}.bar--middleburger{top:calc(50% - 1.5px);transition-delay:.35s;transition-property:opacity}.bar--bottomburger{top:calc(25% + 13.5px);transition-delay:.35s,0s;transition-property:top,transform}.checkboxburgerchecked+.toggleburger .bar--topburger{bottom:calc(50% - 1.5px);transform:rotate(135deg);transition-delay:0s,.35s}.checkboxburgerchecked+.toggleburger .bar--middleburger{opacity:0;transition-delay:.35s;transition-duration:0s}.checkboxburgerchecked+.toggleburger .bar--bottomburger{top:calc(50% - 1.5px);transform:rotate(225deg);transition-delay:0s,.35s}#checkboxburger{display:block}.containermenu{align-items:center;display:flex;justify-content:space-between}.container{margin-left:auto;margin-right:auto;max-width:1344px;padding-left:1rem;padding-right:1rem}.menumobile{width:80%}@media (max-width:1055px){.menumobilecontainer .menu-item{display:block;justify-content:left!important;margin:0!important;padding:0!important;text-align:left!important}.menumobilecontainer button{width:100%}.burger{display:block}.container{padding-left:.5rem;padding-right:.5rem}.contain-navend,.navcenter{display:none}}@media (max-width:640px){.containermenu{height:65px;padding-bottom:5px}.container{padding-left:.25rem;padding-right:.25rem}}.navstart{align-items:center;display:flex}.navstart img{height:35px}.navstart .titlenav{color:#b0a696;font-size:1.9em;font-weight:700;letter-spacing:3px;line-height:.7;outline:none!important;text-decoration:none!important;text-transform:uppercase}.navstart .titlenav span:first-of-type{font-size:27.5px}.navstart .titlenav span:last-of-type{font-size:20px}.navend{align-items:center;display:flex;text-align:right}.menu-icon{padding-right:5px}nav .menu{height:60px;max-width:100%;overflow:hidden;padding:0}nav .menu,nav .menu-item{align-items:center;display:flex;justify-content:center;position:relative}nav .menu-item{color:#4c4f6991;font-weight:500;margin:0 6px;padding:20px;text-decoration:none;transition:.3s;z-index:1}nav .menu-item .menu-icon{padding-right:10px}nav .menu-indicator{border-radius:8px 8px 0 0;bottom:0;height:3px;left:0;position:absolute;transition:.4s;z-index:1}@media (max-width:580px){.menu{overflow:auto}}.navbar-scroll-hide,.navbar-scroll-before-start{transform:translateY(-75px)}.navbar-scroll-before-start,.navbar-scroll-start{position:fixed!important;transition-duration:.7s;z-index:99}.navbar-scroll-start{background:#fff;transform:translateY(0);width:100%!important}.title-resultsearch{display:flex}.global-search-container{border-radius:15px;padding:20px}.search-container{border-radius:15px;margin-bottom:32px;padding:5px}.catogory-container{background:#ffffff80;border-radius:20px;margin-top:25px;padding:20px}.catogory-container .n-divider{margin-top:10px}.category-container-title{display:flex;justify-content:space-between}h3{margin:0;padding-top:5px}header{display:flex;flex-direction:column;justify-content:center;min-height:450px}h1{font-size:clamp(2.4rem,2.6vw,3.1rem);margin-top:0}h1 em{background:-webkit-linear-gradient(327deg,#e7d8c1,#a7a091);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:normal}.pulse{animation:pulse512 2s infinite,periodic-vibrate 6s ease-in-out infinite}@keyframes pulse512{0%{box-shadow:0 0 #96adb0}70%{box-shadow:0 0 0 10px #da674400}to{box-shadow:0 0 #da674400}}@keyframes periodic-vibrate{0%,10%,20%,to{transform:translate(0)}12%{transform:translate(-2px)}14%{transform:translate(2px)}16%{transform:translate(-2px)}18%{transform:translate(2px)}}header .n-carousel__slide--current{opacity:1!important;transition-duration:.4s}header .n-carousel__slide{opacity:.45;transition-duration:.4s}header .n-carousel__slide:hover{opacity:1;transition-duration:.4s}.n-grid-header:first-child,.n-grid-header:last-child{align-items:center;display:flex}.n-grid-header:last-child{height:100%;justify-content:right}.fund-container{background:linear-gradient(#fff,#ffffffd6) padding-box,linear-gradient(135deg,#b0a696b5,#4c4f694a) border-box;border:3px solid transparent;border-radius:15px;font-weight:200;padding:15px}.fund-container h3{margin:0;padding:15px 0 0}.fund-container .fund-container-img{border-radius:5px;height:100px;overflow:hidden;width:100%}.fund-container .fund-container-img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.fund-container .timing{align-items:center;display:flex;font-size:.7em;justify-content:center;padding:10px 0 15px}.fund-container .button-fund-container,.fund-container .information-progress{display:flex;justify-content:space-between}.fund-container .tag-fund-container{opacity:.8;padding-right:14px;position:absolute;right:0}.fund-container .tag-fund-container .n-tag{font-size:.8em!important}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.gradient{margin-right:150px;position:absolute;z-index:-1;--size:350px;--speed:50s;--easing:cubic-bezier(.8,.2,.2,.8);animation:rotate var(--speed) var(--easing) alternate infinite;background-image:linear-gradient(#c863bf,#e79866);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;filter:blur(calc(var(--size)/5));height:var(--size);transition:all .25s ease-out;width:var(--size)}@media (max-width:970px){.reveal-image{display:block;height:100%!important;-o-object-fit:contain;object-fit:contain;width:100%}header{padding:20px 0 0}.n-grid-header:first-child{justify-content:center;width:100%}.n-grid-header:first-child .n-space{align-items:center;display:flex!important;justify-content:center!important;text-align:center;width:100%!important}h1{font-size:7vw;text-align:center}}@media (max-width:360px){h1{font-size:10vw;text-align:center}.change-order{display:flex;flex-direction:column-reverse}header .n-grid-header:first-child{display:flex}header .n-grid-header:first-child .n-space{display:block!important;text-align:center;width:100%!important}header .n-grid-header:first-child .n-space button{margin-top:15px}}footer{height:auto;padding-bottom:25px}.footerstart{align-items:center;display:flex}.footerstart img{height:35px}.footerstart .titlefooter{color:#b0a696;font-size:1.9em;font-weight:700;letter-spacing:3px;line-height:.7;text-transform:uppercase}.footerstart .titlefooter span:first-of-type{font-size:27.5px}.footerstart .titlefooter span:last-of-type{font-size:20px}.editorblock{display:flex;justify-content:center}.n-divider:not(.n-divider--dashed) .n-divider__line{background-color:#bdbdbd}.editor-container{background:#fffc;border:1px solid hsla(0,0%,100%,.188);border-radius:10px;padding:15px;transition-duration:.3s;width:auto}.editor-container:hover{border:1px solid #fff;transition-duration:.3s}.editor-container .editor-body .tiptap{padding:10px 0}.editor-container .n-divider{margin-bottom:0!important;margin-top:5px!important}.editor-container .n-divider:nth-child(2){margin-bottom:10px!important;margin-top:10px!important}.editor-footer{font-size:.9em;font-weight:300;text-align:right}.menu-item{cursor:pointer}.diamond-top-sharp:first-child{--color-start:#fb84a4}.diamond-top-sharp:nth-child(2){--color-start:#fff;--color-middle:#fb84a4;--color-end:#fff}.diamond-top-sharp:nth-child(3){--color-start:#fcd259;--color-middle:#fff;--color-end:#fb84a4}.diamond-top-sharp:nth-child(4){--color-start:#f23b95;--color-middle:#fcd259;--color-end:#fff}.diamond-top-sharp:nth-child(5){--color-start:#fb84a4;--color-middle:#f23b95;--color-end:#fcd259}.diamond-top-sharp:nth-child(6){--color-start:#fcd259;--color-middle:#ffee8f;--color-end:#f23b95}.diamond-top-sharp:nth-child(7){--color-start:#ffee8f;--color-middle:#fff;--color-end:#fcd259}.diamond-bottom-sharp:first-child{--color-start:#fff;--color-middle:#fcd259;--color-end:#fff}.diamond-bottom-sharp:nth-child(2){--color-start:#f23b95;--color-end:#fff}.diamond-bottom-sharp:nth-child(3){--color-start:#fcd259;--color-middle:#fff;--color-end:#f23b95}.diamond-bottom-sharp:nth-child(4){--color-start:#fb84a4;--color-middle:#f23b95;--color-end:#fcd259}.shine:first-child{--offsetX:80px;--offsetY:-100px}.shine:nth-child(2){--offsetX:50px;--offsetY:100px;--delay:.58721384s}.shine:nth-child(3){--offsetX:-75px;--scale:1.5;--delay:1.5318943s}.shine:nth-child(4){--offsetX:-100px;--offsetY:50px;--delay:1.55671289767s}.shine:nth-child(5){--offsetX:-150px;--offsetY:-50px;--scale:.75;--delay:2.78632786123s}.shine:nth-child(6){--offsetX:50px;--scale:1.25;--delay:2.584384531587s}.shine:nth-child(7){--offsetX:150px;--offsetY:50px;--scale:.5;--delay:3.12738954s}.shine:nth-child(8){--offsetX:-25px;--offsetY:25px;--delay:3.5296732197s}.shine:nth-child(9){--offsetY:-100px;--delay:4.19782464s}.shine:nth-child(10){--offsetX:-50px;--offsetY:100px;--scale:.5;--delay:4.541272397s}.figure-content{align-items:center;display:flex;justify-content:center}.diamond-wrap{animation:diamond-shiny 1s infinite alternate;filter:drop-shadow(0 0 20px #FFF) drop-shadow(0 0 0 #FFF)}@keyframes diamond-shiny{to{filter:drop-shadow(0 0 50px #FFF) drop-shadow(0 0 20px #FFF)}}.diamond{clip-path:polygon(0 100px,70px 0,330px 0,400px 100px,200px 350px);height:350px;transform:scale(.6);width:400px}.diamond-side-top{animation:diamond-side-top 1s linear infinite;display:flex}@keyframes diamond-side-top{to{margin-left:-133.3333333333px}}.diamond-top-sharp{animation:color-shine 1s linear infinite;background-color:var(--color-start);flex:0 0 auto;height:100px;width:133.3333333333px}.diamond-top-sharp+.diamond-top-sharp{margin-left:-66.6666666667px}.diamond-top-sharp:nth-child(2n){clip-path:polygon(0 0,100% 0,50% 100%)}.diamond-side-bottom{display:flex}.diamond-bottom-sharp{flex:0 0 auto;height:250px;width:400px}.diamond-bottom-sharp:first-child{animation:diamond-bottom-sharp-0 1s linear infinite;clip-path:polygon(0 0,33.3333333333% 0,50% 100%)}@keyframes diamond-bottom-sharp-0{to{clip-path:polygon(-33.3333333333% 0,0 0,50% 100%)}}.diamond-bottom-sharp:nth-child(2){animation:diamond-bottom-sharp-1 1s linear infinite;clip-path:polygon(33.3333333333% 0,66.6666666667% 0,50% 100%)}@keyframes diamond-bottom-sharp-1{to{clip-path:polygon(0 0,33.3333333333% 0,50% 100%)}}.diamond-bottom-sharp:nth-child(3){animation:diamond-bottom-sharp-2 1s linear infinite;clip-path:polygon(66.6666666667% 0,100% 0,50% 100%)}@keyframes diamond-bottom-sharp-2{to{clip-path:polygon(33.3333333333% 0,66.6666666667% 0,50% 100%)}}.diamond-bottom-sharp:nth-child(4){animation:diamond-bottom-sharp-3 1s linear infinite;clip-path:polygon(100% 0,133.3333333333% 0,50% 100%)}@keyframes diamond-bottom-sharp-3{to{clip-path:polygon(66.6666666667% 0,100% 0,50% 100%)}}.diamond-bottom-sharp+.diamond-bottom-sharp{margin-left:-400px}.diamond-bottom-sharp-color{animation:color-shine 1s linear infinite;background-color:var(--color-start);height:100%;width:100%}@keyframes color-shine{50%{background-color:var(--color-middle,var(--color-start))}to{background-color:var(--color-end,var(--color-start))}}.shine{margin:var(--offsetY,0) 0 0 var(--offsetX,0);position:absolute;transform:scale(var(--scale,1))}.shine-flare{animation:shine-flare 2.4348764s ease-out infinite both;animation-delay:var(--delay,0);background-color:#b0a69611;border-radius:4px;height:24px;margin:-24px 0 0 -4px;position:absolute;transform:rotate(var(--angle,0deg)) translateY(0);transform-origin:center bottom;visibility:hidden;width:8px}.shine-flare:nth-child(0){--angle:0deg}.shine-flare:first-child{--angle:72deg}.shine-flare:nth-child(2){--angle:144deg}.shine-flare:nth-child(3){--angle:216deg}.shine-flare:nth-child(4){--angle:288deg}@keyframes shine-flare{1%{visibility:visible}8%{transform:rotate(var(--angle,0deg)) translateY(-42px);width:8px}16%{height:0;transform:rotate(var(--angle,0deg)) translateY(-54px);visibility:hidden;width:0}}figcaption{color:#b0a696;font-family:Roboto,sans-serif;font-size:16px;font-weight:300;margin:0 5px;position:absolute}.figcaption-title{font-size:1.3em}.figcaption-hyperlink{color:#7fc}.figure-content{border-radius:2px;height:100%;margin-top:-50px;overflow:hidden;position:absolute;transform:scale(1);transform-origin:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}a:active,a:hover,a:link,a:visited{text-decoration:none}a,a:active,a:hover,a:link,a:visited{border:0!important}a{color:unset;text-decoration:unset}.background-top{width:100%}.container-home-stats{background:-webkit-linear-gradient(136deg,rgba(106,69,64,0),rgba(106,69,64,.631),rgba(107,60,93,.471));border-radius:15px;padding:20px;text-align:center}.n-collapse-item{background:#f8f7f6;border-radius:10px;opacity:1;transform:translateZ(0)}.n-collapse-item .n-collapse-item__header{padding:0!important}.n-collapse-item__header-main{padding:20px}.n-collapse-item__content-inner{padding:0 20px 10px!important}.question-container{background:#8080800c;padding:0!important}.faq-container,.question-container{background:-webkit-linear-gradient(136deg,hsla(37,14%,64%,.56),hsla(37,14%,64%,.56),hsla(37,14%,64%,.23));border-radius:15px;box-shadow:0 1px 3px #0000001a;margin:0}.faq-container{padding:15px!important}.effect-h1{animation-duration:.8s;animation-fill-mode:forwards;animation-name:slideUp;animation-timing-function:ease;display:inline-block;opacity:0;transform:translateY(100%)}.effect-h1:first-child{animation-delay:65ms}.effect-h1:nth-child(2){animation-delay:.13s}.effect-h1:nth-child(3){animation-delay:.195s}.effect-h1:nth-child(4){animation-delay:.26s}.effect-h1:nth-child(5){animation-delay:.325s}.effect-h1:nth-child(6){animation-delay:.39s}.effect-h1:nth-child(7){animation-delay:.455s}.effect-h1:nth-child(8){animation-delay:.52s}.effect-h1:nth-child(9){animation-delay:.585s}.effect-h1:nth-child(10){animation-delay:.65s}.effect-h1:nth-child(11){animation-delay:.715s}.effect-h1:nth-child(12){animation-delay:.78s}.effect-h1:nth-child(13){animation-delay:.845s}.effect-h1:nth-child(14){animation-delay:.91s}.effect-h1:nth-child(15){animation-delay:.975s}.header-cagnotte img{border-radius:15px;height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.container-cagnotte-left{padding-right:25px!important}.container-cagnotte-left h1{font-size:2.6em!important;padding:15px 0}.container-cagnotte-right{position:sticky;width:100%}.container-cagnotte-right .n-affix{position:sticky!important}.container-cagnotte-right .container-information-top .n-button{margin-top:10px;padding:20px!important;width:100%!important}.container-information-top{background:linear-gradient(#fff,#fff6) padding-box,linear-gradient(219deg,#b0a696,#b0a696) border-box;border-radius:15px;box-shadow:20px 20px 60px #bebebe,-20px -20px 60px #fff;height:auto;padding:15px!important}.countdown-cagnotte{background:#ffffff17;border-radius:10px;margin-bottom:0;padding:10px}.container-information-top-user{border:2px solid linear-gradient(124deg,rgba(209,115,165,.35),hsla(24,73%,65%,.29),rgba(209,115,165,.39));border-radius:15px;height:auto;margin-top:15px;padding:0!important;position:sticky;width:100%}.container-information-top-user .n-tag{margin-left:5px;z-index:-1}.container-information-top-user span:first-child{width:90%!important}.container-information-top-user span:first-child .n-space{width:100%!important}.container-information-top-user .container-user{text-align:left}.container-progress{background:linear-gradient(#101014c2,#10101466) padding-box;border-radius:10px;margin-top:10px;padding:15px}.container-progress .information-progress{display:flex;justify-content:space-between}.container-inside-progress{background:#ffffff0f;border-radius:5px;margin-top:15px;padding:1px 15px;text-align:center}.container-tag{background:linear-gradient(#101014c2,#10101466) padding-box;border-radius:10px;padding:15px}.button-back-info{margin-bottom:15px}.stepdisable{opacity:.5!important}.stepdisable:hover{background:transparent!important;border:2px solid hsla(0,0%,100%,.568)!important;color:#ffffff91!important;cursor:no-drop!important}.stepdisable .n-tag{z-index:-1}.stepper-container{align-items:center;display:grid;justify-content:center;padding:15px;width:100%}.stepper-container .n-steps .n-step:last-of-type .n-step-content{width:auto!important}.n-steps .n-step{flex:auto!important}.container-createfund h1{font-size:3.1em;padding-bottom:15px;text-align:center}.container-createfund .container-stepinside{align-items:center;background:-webkit-linear-gradient(136deg,rgba(106,69,64,0),#b0a696,hsla(37,36%,80%,.7));border-radius:15px;padding:0;text-align:center;width:100%}.container-createfund .container-stepinside .container-stepinside-body{border-radius:10px;padding:20px}.stepper-background{background:-webkit-linear-gradient(136deg,rgba(107,60,93,0),rgba(255,254,254,.17),rgba(107,60,93,0));border-radius:10px}.stepper-container{border-radius:15px}.stepper-container .n-steps{display:inline-flex}.container-stepinside-body .tabs-container{background:-webkit-linear-gradient(136deg,rgba(107,60,93,0),rgba(255,254,254,.17),rgba(107,60,93,0));border-radius:10px;padding:0 0 15px}.container-stepinside-body .tabs-container button:first-of-type{float:left}.containerstep{display:flex;justify-content:center;justify-items:center}.gridstep{box-sizing:border-box!important;display:grid;gap:10px;grid-template-areas:"a b c";grid-template-columns:1fr 1fr 1fr;margin-right:15px;position:relative;width:550px;z-index:0}.button-step1{background:transparent;border:2px solid hsla(0,0%,100%,.705);border-radius:10px;cursor:pointer;padding:30px;transition-duration:.5s}.button-step1:hover{background:#fff;border:2px solid #fff;color:#000;transition-duration:.5s}.editor-footer p{margin-bottom:0!important}.container-step-2{align-items:center;display:flex;justify-content:center;min-height:585px}.container-step-2 .titlesubstep{float:left;margin:0;padding:15px 0 0}.button-next-step2{margin-top:15px}.container-step-3{align-items:center;display:flex;justify-content:center;text-align:center}.container-step-3 .step3-inside{display:block;padding:0 20%;width:100%}.button-next-step3{margin-top:15px}.radio-inputs{box-sizing:border-box!important;display:grid;gap:10px;grid-template-areas:"a b c";grid-template-columns:1fr 1fr 1fr;margin-top:6px}.radio-inputs label{display:contents}.radio-input:checked+.radio-tile{background:#fff;border-color:#fff;box-shadow:0 5px 10px #0000001a;color:#fff}.radio-input:checked+.radio-tile:before{background-color:#cd6cafdb;border-color:#6e463e00;opacity:1;transform:scale(1)}.radio-input:checked+.radio-tile .radio-icon svg{fill:#fff;background:#fff}.radio-input:checked+.radio-tile .radio-label{background:#fff;color:#6b443e}.radio-input:checked+.radio-tile .radio-label .radio-input,.radio-input:focus+.radio-tile{box-shadow:0 5px 10px #0000001a,0 0 0 4px #cd6caf70}.radio-input:focus+.radio-tile{background:#fff;border-color:#fff;color:#cd6caf70!important}.radio-input:focus+.radio-tile:before{opacity:1;transform:scale(1)}.radio-tile{align-items:center;background:transparent;border:2px solid #fff;border-radius:10px;border-radius:.5rem;box-shadow:0 5px 10px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:30px;position:relative;transition-duration:.5s;transition:.15s ease}.radio-tile:before{background-color:#fff;border:2px solid rgba(205,108,175,.439);border-radius:50%;content:"";display:block;height:.75rem;left:.25rem;opacity:0;position:absolute;top:.25rem;transform:scale(0);transition:.25s ease;width:.75rem}.radio-tile:hover{border-color:#fff}.radio-tile:hover:before{opacity:1;transform:scale(1)}.radio-icon svg{height:2rem;width:2rem;fill:#fff}.radio-label{color:#fff;text-align:center;transition:.375s ease}.radio-input{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;position:absolute;white-space:nowrap;width:1px}.label-number{background:linear-gradient(#101014ab,#664449) padding-box,linear-gradient(135deg,#c55ec8,#e99b61) border-box;border:3px solid transparent;border-radius:15px;padding:15px}.row-selected{background-color:#b0a6961c;--n-merged-th-color:#b0a6960e!important;--n-merged-td-color:#ffffff1c!important;--n-merged-th-color-hover:#b0a69610!important;--n-merged-td-color-hover:#b0a6961e!important;--n-merged-td-color-striped:#b0a6961c!important}.image-hover-container{border-radius:5px;cursor:pointer;position:relative;width:100px}.image-hover-container img{display:block;height:auto;overflow:hidden;width:100%}.hover-icon{align-items:center;background-color:#ffffffa6;border-radius:5px;bottom:0;color:#565656;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;right:0;text-align:center;transform:translateY(100%);transition:transform .3s ease,opacity .3s ease}.image-hover-container:hover .hover-icon{opacity:1;transform:translateY(0)}.editor-background{background-color:#00000005;border:1px solid #ccd0da;border-radius:3px;color:#565656;padding:12px;transition:border-color .3s ease,box-shadow .3s ease}.editor-background::-moz-placeholder{color:#737994}.editor-background::placeholder{color:#737994}.editor-background:hover{border-color:#b0a696}.editor-background:focus{border-color:#b0a696;box-shadow:0 0 0 2px #b0a69633;outline:none}.editor-background.disabled{background-color:#fafafc;border-color:#ccd0da;color:#c2c2c2;cursor:not-allowed}.youtube-input-card{border-right:1px solid rgba(0,0,0,.078);padding-right:20px}.youtubesettings{background:-webkit-linear-gradient(136deg,rgba(109,80,76,.59),#b0a696,hsla(36,26%,79%,.97));border-radius:5px;color:#fff!important;padding:10px;text-align:center}.youtubeimgsettings{border:4px solid #fff;border-radius:5px;height:auto;-o-object-fit:contain;object-fit:contain;width:15%}.leftpopupsetting:before{background-color:#565656;content:"";height:100%;width:1px;z-index:2}.editor-backgroundia{background:-webkit-linear-gradient(66deg,#ff68c2,#fff,rgba(192,154,95,.97));filter:blur(7px) brightness(1)}@media (max-width:1130px){.full-width-container{max-width:100%;width:100%}.responsive-divider{display:none}}.admin-dashboard{background:#f0f4f8;display:flex;min-height:100vh;position:relative}.admin-dashboard:before{background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.05) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,119,198,.05) 0,transparent 50%),radial-gradient(circle at 40% 20%,rgba(102,126,234,.05) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0}.sidebar{background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;height:100vh;position:fixed;width:260px;z-index:100}.sidebar-header{border-bottom:1px solid #f1f5f9;padding:24px}.logo-wrapper{gap:12px}.logo-icon,.logo-wrapper{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:22px;height:42px;justify-content:center;width:42px}.logo-text{color:#1e293b;font-size:20px;font-weight:700;letter-spacing:-.5px}.sidebar-nav{flex:1;overflow-y:auto;padding:16px}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin-bottom:4px}.nav-link{align-items:center;border-radius:10px;color:#64748b;display:flex;font-size:15px;font-weight:500;gap:12px;padding:12px 16px;position:relative;text-decoration:none;transition:all .2s}.nav-link:hover{background:#f8fafc;color:#475569;transform:translate(4px)}.nav-link.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea;font-weight:600}.nav-link.active .nav-indicator{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:0 3px 3px 0;height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-link .naive-icon{font-size:20px}.sidebar-footer{border-top:1px solid #f1f5f9;padding:16px}.user-profile{align-items:center;background:#f8fafc;border-radius:10px;display:flex;gap:12px;padding:12px}.user-avatar{font-size:20px}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{font-size:14px}.user-role{color:#94a3b8;font-size:12px}.main-content{display:flex;flex:1;flex-direction:column;margin-left:260px;min-height:100vh}.content-wrapper{flex:1;padding:0}.page-header{background:#fff;border-bottom:1px solid #e2e8f0;min-height:auto!important;padding:16px 0;position:sticky;top:0;z-index:50}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:64px 32px 0}.page-title{font-size:24px;font-weight:700}.header-actions{gap:12px}.content-container,.stats-section{margin:0 auto;max-width:1400px;padding:0}.stats-section{padding-bottom:32px;padding-top:32px}.content-container{padding-bottom:48px}.btn-icon{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;font-size:20px}.btn-icon:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.btn-primary{background:#667eea;border-radius:10px;font-size:14px;font-weight:600;gap:8px;padding:10px 20px}.btn-primary:hover{background:#5a67d8;box-shadow:0 4px 12px #667eea4d}.btn-primary:disabled{opacity:.7}.btn-close{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-close:hover{background:#e2e8f0;color:#475569;transform:rotate(90deg)}.stats-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:32px}.stat-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:16px;padding:24px}.stat-card:hover{box-shadow:0 8px 24px #0000000f;transform:translateY(-2px)}.stat-card.live-card{background:linear-gradient(135deg,#fff5f5,#fff0f0);border-color:#fee2e2}.stat-icon{border-radius:12px;height:48px;width:48px}.stat-icon.scheduled{background:#ede9fe;color:#7c3aed}.stat-icon.live{background:#fee2e2;color:#ef4444}.stat-icon.completed{background:#d1fae5;color:#10b981}.stat-icon.participants{background:#fef3c7;color:#f59e0b}.live-dot{animation:pulse 2s infinite;background:#ef4444;height:8px;position:absolute;right:-2px;top:-2px;width:8px}.stat-content{flex:1}.stat-label{font-size:13px;margin-bottom:4px}.stat-value{font-size:28px;font-weight:700;margin-bottom:8px}.stat-change,.stat-subtitle{align-items:center;color:#94a3b8;display:flex;font-size:12px;gap:4px}.stat-change.positive{color:#10b981}.charts-grid{gap:20px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172acc;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal-container{animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:0;max-height:100vh;max-width:100%;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.progress-steps{background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:8px;padding:32px}.progress-steps,.step-icon{align-items:center;display:flex;justify-content:center}.step-icon{background:#e2e8f0;border-radius:10px;color:#94a3b8;font-size:14px;font-weight:600;height:36px;transition:all .3s;width:36px}.step.active .step-icon{background:#667eea;color:#fff}.step.completed .step-icon{background:#10b981;color:#fff}.step-label{color:#94a3b8;font-size:13px;font-weight:500;transition:all .3s}.step.active .step-label{color:#475569}.step.completed .step-label{color:#10b981}.step-connector{background:#e2e8f0;height:2px;transition:all .3s;width:40px}.step-connector.active{background:#10b981}.modal-title{font-size:20px}.form-step{animation:stepFadeIn .3s ease-out}@keyframes stepFadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.form-section{margin-bottom:24px}.form-input{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:15px;padding:12px 16px;transition:all .2s;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input::-moz-placeholder{color:#94a3b8}.form-input::placeholder{color:#94a3b8}.type-option{border-radius:12px;display:block;transition:all .2s}.type-option:hover{box-shadow:0 4px 12px #0000000d}.type-option.selected{background:#f0f4ff;border-color:#667eea}.type-radio{opacity:0;position:absolute}.type-icon{font-size:24px;transition:all .2s}.type-option.selected .type-icon{background:#667eea;color:#fff}.type-info h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 4px}.type-info p{color:#64748b;font-size:13px;margin:0}.final-options{background:#f8fafc;border-radius:12px;margin-bottom:24px;padding:20px}.price-option span{display:block;font-size:14px}.n-switch{--n-rail-color:#e2e8f0!important;--n-rail-color-active:#667eea!important}.n-switch .n-switch__button{box-shadow:0 2px 4px #0000001a}.n-input-number{--n-border:1px solid #e2e8f0!important;--n-border-hover:1px solid #cbd5e1!important;--n-border-focus:1px solid #667eea!important;--n-border-radius:10px!important;--n-font-size:15px!important}.n-input-number:hover{box-shadow:0 2px 8px #0000000f}.n-input-number--focus{box-shadow:0 0 0 3px #667eea1a!important}.n-date-picker{--n-border:1px solid #e2e8f0!important;--n-border-hover:1px solid #cbd5e1!important;--n-border-focus:1px solid #667eea!important;--n-border-radius:10px!important;--n-font-size:15px!important}.date-input .n-input{width:100%}.step-header-minimal{margin-bottom:32px;text-align:center}.step-header-minimal h3{animation:fadeInUp .4s ease-out;color:#1e293b;font-size:24px;font-weight:700;margin:0 0 8px}.step-header-minimal p{animation:fadeInUp .4s ease-out .1s;animation-fill-mode:both;color:#64748b;font-size:16px;margin:0}.step-title{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.form-section-centered{margin:0 auto;max-width:500px;width:100%}.input-wrapper-large{position:relative;width:100%}.form-input-large{background:#fff;border:3px solid #e2e8f0;border-radius:16px;color:#1e293b;font-size:20px;font-weight:500;padding:20px 60px 20px 24px;transition:all .3s;width:100%}.form-input-large:focus{background:#f8fafc;border-color:#667eea;box-shadow:0 0 0 6px #667eea1a;outline:none;transform:translateY(-2px)}.input-action-btn{align-items:center;background:#667eea;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .3s;width:48px}.input-action-btn:hover{background:#5a67d8;transform:translateY(-50%) scale(1.05)}.input-action-btn.pulse{animation:pulse-btn 2s infinite}@keyframes pulse-btn{0%{box-shadow:0 0 #667eea66}70%{box-shadow:0 0 0 10px #667eea00}to{box-shadow:0 0 #667eea00}}.input-hint{animation:fadeIn .3s ease-out;color:#94a3b8;font-size:14px;margin-top:12px;text-align:center}.step-type{padding:20px 0}.type-selector-enhanced{display:grid;gap:16px;grid-template-columns:1fr;margin:0 auto;max-width:600px}@media (min-width:768px){.type-selector-enhanced{grid-template-columns:1fr 1fr}}.type-card-enhanced{background:#fff;border:3px solid #e2e8f0;border-radius:20px;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .3s}.type-card-enhanced:hover{border-color:#cbd5e1;box-shadow:0 12px 24px #00000014;transform:translateY(-4px)}.type-card-enhanced.selected{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border-color:#667eea;box-shadow:0 12px 24px #667eea26;transform:translateY(-4px)}.type-content{position:relative;z-index:1}.type-icon-large{align-items:center;background:#f8fafc;border-radius:18px;color:#64748b;display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto 16px;transition:all .3s;width:64px}.type-card-enhanced.selected .type-icon-large{background:#fff;color:#667eea;transform:scale(1.1)}.type-content h4{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 8px;text-align:center}.type-content>p{color:#64748b;font-size:14px;margin:0 0 16px;text-align:center}.type-features{list-style:none;margin:0;padding:0}.type-features li{align-items:center;color:#475569;display:flex;font-size:13px;gap:8px;margin-bottom:6px}.type-features li .icon{color:#10b981;flex-shrink:0;font-size:16px}.type-badge{background:#667eea;border-radius:20px;color:#fff;font-size:11px;letter-spacing:.5px;position:absolute;right:12px;text-transform:uppercase;top:12px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-header{margin-bottom:24px;text-align:center}.step-icon-large{align-items:center;animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border-radius:18px;color:#667eea;display:flex;font-size:28px;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.step-header h3{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 6px}.step-header p{color:#64748b;font-size:14px;margin:0;padding:0 20px}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}.price-icon{align-items:center;background:#f8fafc;border-radius:14px;color:#64748b;display:flex;font-size:24px;height:48px;justify-content:center;margin-bottom:8px;transition:all .3s;width:48px}.price-option.free .price-icon{background:linear-gradient(135deg,#f0fdf4,#d1fae5);color:#10b981}.price-option.paid .price-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#f59e0b}.price-option.selected .price-icon{box-shadow:0 6px 12px #0000001a;transform:scale(1.1)}.price-label{color:#1e293b;display:block;font-size:15px;font-weight:700;margin-bottom:2px}.price-desc{color:#64748b;display:block;font-size:12px}.input-wrapper{position:relative;width:100%}.form-input.with-icon{padding-left:44px}.input-icon{color:#94a3b8;font-size:20px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s}.form-input:focus+.input-icon{color:#667eea}@media (max-width:639px){.modal-container{border-radius:20px 20px 0 0;height:calc(100vh - 20px)}.form-section{margin-bottom:20px}}@media (max-width:639px) and (max-width:479px){.type-selector{grid-template-columns:1fr}.type-option{flex-direction:row;gap:12px;text-align:left}.type-icon{margin:0}}@media (max-width:639px){.modal-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;bottom:0;box-shadow:0 -2px 10px #0000000d;position:sticky}.btn-primary,.btn-secondary{font-size:14px;padding:10px 16px}.btn-secondary span{display:none}.btn-secondary .icon{margin:0}}@media (min-width:640px){.step-header{margin-bottom:32px}.step-icon-large{border-radius:20px;font-size:36px;height:72px;width:72px}.step-header h3{font-size:24px;margin-bottom:8px}.step-header p{font-size:16px}.price-icon{font-size:28px;height:56px;margin-bottom:12px;width:56px}.price-label{font-size:16px;margin-bottom:4px}.price-desc{font-size:13px}.btn-secondary span{display:inline}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-step>*{animation:slideInUp .4s ease-out;animation-fill-mode:both}.form-step>:first-child{animation-delay:.1s}.form-step>:nth-child(2){animation-delay:.2s}.form-step>:nth-child(3){animation-delay:.3s}.filter-select :deep(.n-base-selection){background:#fff;border:0 solid #e2e8f0;border-radius:12px;transition:all .3s}.filter-select :deep(.n-base-selection:hover){border-color:#cbd5e1;box-shadow:0 2px 8px #0000000f}.filter-select :deep(.n-base-selection.n-base-selection--focused){border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.filter-select :deep(.n-base-selection-label){font-weight:500;padding:0 16px}.filter-select :deep(.n-base-selection-placeholder){color:#94a3b8}.filter-date :deep(.n-input){background:#fff;border:0 solid #e2e8f0;border-radius:12px;transition:all .3s}.filter-date :deep(.n-input:hover){border-color:#cbd5e1;box-shadow:0 2px 8px #0000000f}.filter-date :deep(.n-input--focus){border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.filter-date :deep(.n-input__input-el){font-weight:500}.filter-search :deep(.n-input){background:#fff;border:0 solid #e2e8f0;border-radius:12px;padding-left:48px;transition:all .3s}.filter-search :deep(.n-input:hover){border-color:#cbd5e1;box-shadow:0 2px 8px #0000000f}.filter-search :deep(.n-input--focus){border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.filter-search :deep(.n-input__prefix){margin-right:12px}.filter-search :deep(.n-input__input-el){font-weight:500}.filter-search :deep(.n-input__placeholder){color:#94a3b8}.form-input :deep(.n-input),.form-textarea :deep(.n-input){background:#f8fafc;border:0 solid #e2e8f0;border-radius:12px;transition:all .3s}.form-input :deep(.n-input:hover),.form-textarea :deep(.n-input:hover){background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000f}.form-input :deep(.n-input--focus),.form-textarea :deep(.n-input--focus){background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-input :deep(.n-input__input-el),.form-textarea :deep(.n-input__textarea-el){font-size:15px;font-weight:500}.form-input :deep(.n-input__placeholder),.form-textarea :deep(.n-input__placeholder){color:#94a3b8}.form-input :deep(.n-input-number__prefix),.form-input :deep(.n-input-number__suffix){font-weight:500}.form-input :deep(.n-date-picker){width:100%}.form-input :deep(.n-date-picker-trigger){background:#f8fafc;border:0 solid #e2e8f0;border-radius:12px;padding:0 16px;transition:all .3s}.form-input :deep(.n-date-picker-trigger:hover){background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000f}.form-input :deep(.n-date-picker-trigger--active){background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-tags :deep(.n-dynamic-tags){background:#f8fafc;border:0 solid #e2e8f0;border-radius:12px;min-height:48px;padding:8px;transition:all .3s}.form-tags:hover :deep(.n-dynamic-tags){background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000f}.form-tags :deep(.n-dynamic-tags:focus-within){background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-tags :deep(.n-tag){background:linear-gradient(135deg,#e0e7ff,#cdd6ff);border:none;border-radius:8px;color:#6366f1;font-weight:600;padding:4px 12px}.form-tags :deep(.n-tag__close){color:#6366f1;opacity:.7}.form-tags :deep(.n-tag__close:hover){opacity:1}.form-tags :deep(.n-dynamic-tags__input){background:transparent;font-weight:500}.switch-item :deep(.n-switch){--n-rail-color:#e2e8f0;--n-rail-color-active:linear-gradient(135deg,#667eea,#764ba2)}.switch-item :deep(.n-switch__button){box-shadow:0 2px 8px #0000001a}.webinar-form :deep(.n-form-item-label){color:#334155;font-size:14px;font-weight:600;margin-bottom:8px}.webinar-form :deep(.n-form-item-blank){gap:12px}@keyframes focusRing{0%{box-shadow:0 0 #6366f14d}to{box-shadow:0 0 0 3px #6366f11a}}.form-label{align-items:center;color:#334155;display:flex;font-size:14px;font-weight:600;gap:6px}.label-required{color:#ef4444;font-size:16px;font-weight:500}.label-optional{color:#94a3b8;font-size:12px;font-weight:400}.label-helper{color:#94a3b8;font-size:11px;font-weight:400;margin-left:auto}.type-option{background:#fafbfc;overflow:hidden;position:relative}.type-option:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.type-option:hover{background:#fff;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.type-option.active{background:#fff;box-shadow:0 0 0 3px #6366f11a}.type-option.active:before{opacity:.03}.type-icon{align-items:center;background:#f1f5f9;border-radius:12px;color:#64748b;display:flex;font-size:28px;height:48px;justify-content:center;margin:0 auto 12px;position:relative;transition:all .3s;width:48px;z-index:1}.type-option.active .type-icon{background:linear-gradient(135deg,#e0e7ff,#cdd6ff);color:#6366f1}.type-title{color:#334155;display:block;font-size:16px;font-weight:600;margin-bottom:4px}.type-desc,.type-title{position:relative;z-index:1}.type-desc{color:#94a3b8;font-size:12px;margin:0}.price-input-wrapper{display:flex;flex-direction:column;gap:12px}.price-input :deep(.n-input__prefix){padding-right:0}.currency-symbol{color:#64748b;font-size:18px;font-weight:600}.price-preset-buttons{display:flex;flex-wrap:wrap;gap:8px}.price-preset-btn{background:#f1f5f9;border:2px solid transparent;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .2s}.price-preset-btn:hover{background:#fff;border-color:#e2e8f0;color:#334155}.price-preset-btn.active{background:linear-gradient(135deg,#e0e7ff,#cdd6ff);border-color:#6366f1;color:#6366f1}.participants-input :deep(.n-input-number__add),.participants-input :deep(.n-input-number__minus){background:#f1f5f9;border:none;color:#64748b;transition:all .2s}.participants-input :deep(.n-input-number__add:hover),.participants-input :deep(.n-input-number__minus:hover){background:#e2e8f0;color:#334155}.date-input :deep(.n-date-picker-icon){color:#6366f1}.duration-select :deep(.n-base-selection-label){font-weight:500}.form-tags :deep(.n-dynamic-tags__input-wrapper){margin:4px}.form-tags :deep(.n-tag){animation:tagAppear .3s ease;height:32px;margin:4px}@keyframes tagAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.switch-item :deep(.n-switch--active .n-switch__rail){background:linear-gradient(135deg,#667eea,#764ba2)!important}.form-textarea :deep(.n-input__count){color:#94a3b8;font-size:12px;font-weight:500}.quick-schedule-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:24px}.schedule-button{align-items:center;background:#fff;border:0 solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:8px;padding:16px;text-align:center;transition:all .2s}.schedule-button:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px)}.schedule-button.active{background:#f0f4ff;border-color:#667eea;color:#667eea}.schedule-button .icon{font-size:24px}.form-row{display:grid;gap:16px;grid-template-columns:1fr 1fr}.planning-step{padding:0}.planning-container{display:flex;flex-direction:column;gap:32px}.section-title{align-items:center;color:#334155;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.section-title .icon{color:#64748b}.quick-schedule-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.quick-schedule-card{align-items:center;background:#fff;border:2px solid transparent;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:20px 16px;position:relative;text-align:center;transition:all .3s ease}.quick-schedule-card:before{background:linear-gradient(135deg,transparent,rgba(0,0,0,.02));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.quick-schedule-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.quick-schedule-card:hover:before{opacity:1}.quick-schedule-card.active{background:#fff;border-color:currentColor;box-shadow:0 4px 16px #0000001a}.quick-schedule-card.disabled{cursor:not-allowed;opacity:.5;transform:none!important}.quick-schedule-card.disabled:hover{box-shadow:none!important;transform:none!important}.quick-schedule-card.disabled .card-icon{transform:none!important}.card-icon{align-items:center;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;transition:all .3s;width:48px}.quick-schedule-card:hover .card-icon{transform:scale(1.1)}.card-label{color:#1e293b;font-size:15px;font-weight:600}.card-hint{color:#64748b;font-size:12px;margin-top:-8px}.custom-date-step{padding:0;position:relative}.back-button-modern{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;left:0;padding:8px 16px;position:absolute;top:-10px;transition:all .2s}.back-button-modern:hover{background:#f1f5f9;color:#334155;transform:translate(-2px)}.back-button-modern .icon{font-size:16px}.custom-schedule-container{display:flex;flex-direction:column;gap:32px}.date-time-section,.duration-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.section-title-modern{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 20px}.section-title-modern .icon{color:#6366f1;font-size:20px}.modern-date-picker{margin-bottom:20px}.modern-date-picker :deep(.n-input){border:0 solid #e2e8f0;font-size:16px;height:56px;transition:all .2s}.modern-date-picker :deep(.n-input:hover){border-color:#cbd5e1}.modern-date-picker :deep(.n-input:focus){border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.time-shortcuts{display:flex;flex-direction:column;gap:12px}.shortcuts-label{color:#64748b;font-size:13px;font-weight:500}.shortcuts-grid{display:flex;flex-wrap:wrap;gap:8px}.time-shortcut{background:#fff;border:0 solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.time-shortcut:hover{background:#f0f4ff;border-color:#6366f1;color:#6366f1;transform:translateY(-1px)}.time-shortcut.active{background:#6366f1;border-color:#6366f1;color:#fff}.duration-options{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.duration-option-modern{background:#fff;border:0 solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:16px;text-align:center;transition:all .2s}.duration-option-modern:hover{background:#f0f9ff;border-color:#3b82f6;transform:translateY(-2px)}.duration-option-modern.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.duration-value{font-size:16px;font-weight:600}.duration-description{font-size:12px;opacity:.8}.duration-option-modern.active .duration-description{opacity:.9}.section-header-with-toggle{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.duration-toggle{align-items:center;color:#64748b;cursor:pointer;display:flex;font-size:14px;gap:8px}.duration-toggle:hover{color:#334155}.no-duration-info{align-items:center;background:#f8fafc;border-radius:12px;color:#64748b;display:flex;font-size:14px;gap:12px;padding:16px}.no-duration-info .icon{color:#94a3b8;font-size:20px}.custom-schedule-header{align-items:center;display:flex;gap:16px;margin-bottom:32px}.header-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;color:#fff;display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;width:56px}.header-content{flex:1}.header-title{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 4px}.header-subtitle{color:#64748b;font-size:14px;margin:0}.schedule-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex:1;overflow:hidden;transition:all .3s ease}.schedule-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #0000000f;transform:translateY(-2px)}.card-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#334155;font-weight:600;gap:12px;padding:16px 20px}.card-header .icon{color:#6366f1;font-size:20px}.card-body{padding:20px}.custom-date-picker{margin-bottom:16px;width:100%}.custom-date-picker :deep(.n-input){border:0 solid #e2e8f0;border-radius:12px;font-size:16px;height:52px;transition:all .2s}.custom-date-picker :deep(.n-input:hover){border-color:#cbd5e1}.custom-date-picker :deep(.n-input:focus){border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.date-suggestions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.suggestion-label,.time-suggestion{color:#64748b;font-size:13px;font-weight:500}.time-suggestion{background:#fff;border:1px solid #e2e8f0;border-radius:20px;cursor:pointer;padding:8px 16px;transition:all .2s}.time-suggestion:hover{background:#eff6ff;border-color:#6366f1;color:#6366f1}.duration-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.duration-tile{align-items:center;background:#fff;border:0 solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px;text-align:center;transition:all .2s}.duration-tile:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px)}.duration-tile.active{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;color:#3b82f6}.duration-icon{align-items:center;background:#f1f5f9;border-radius:10px;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s;width:36px}.duration-tile.active .duration-icon{background:#3b82f6;color:#fff}.duration-label{font-size:15px;font-weight:600}.duration-hint{color:#94a3b8;font-size:11px;margin-top:-4px}.date-time-row{display:grid;gap:24px;grid-template-columns:1.5fr 1fr;margin-bottom:24px}.date-picker-wrapper,.duration-wrapper{display:flex;flex-direction:column;gap:8px}.input-label{color:#475569;font-size:14px;font-weight:500}.modern-date-picker{width:100%}.modern-date-picker :deep(.n-input){border-radius:12px;font-size:15px;height:48px}.input-helper{align-items:center;color:#10b981;display:flex;font-size:13px;gap:6px;margin-top:8px}.duration-selector-modern{display:flex;flex-wrap:wrap;gap:8px}.duration-pill{align-items:center;background:#fff;border:0 solid #e2e8f0;border-radius:24px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:12px 20px;transition:all .2s}.duration-pill:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px)}.duration-pill.active{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.duration-pill .icon{font-size:16px}.schedule-preview{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:16px;padding:20px}.preview-header{align-items:center;color:#0369a1;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:16px}.preview-content{align-items:center;display:flex;gap:24px}.preview-date{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:16px 24px;text-align:center}.preview-day{color:#0ea5e9;font-size:32px;font-weight:700;line-height:1}.preview-month{color:#64748b;font-size:14px;font-weight:500;margin-top:4px;text-transform:capitalize}.preview-details{display:flex;flex-direction:column;gap:12px}.preview-duration,.preview-time{align-items:center;color:#334155;display:flex;font-size:15px;gap:8px}.preview-duration .icon,.preview-time .icon{color:#0ea5e9;font-size:20px}.schedule-preview-modern{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 24px #0000000a;overflow:hidden;position:relative}.preview-decoration{background:linear-gradient(90deg,#6366f1,#8b5cf6 50%,#ec4899);height:6px;left:0;position:absolute;right:0;top:0}.preview-main{display:grid;gap:0;grid-template-columns:auto 1fr}.preview-calendar{background:#f8fafc;border-right:1px solid #e2e8f0;padding:24px 32px;text-align:center}.calendar-header{color:#64748b;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-bottom:16px;text-transform:capitalize}.calendar-day,.calendar-header{align-items:center;display:flex}.calendar-day{flex-direction:column;gap:4px}.day-number{color:#6366f1;font-size:48px;font-weight:700;line-height:1}.day-name{color:#334155;font-size:16px;font-weight:500;text-transform:capitalize}.preview-info{display:flex;flex-direction:column;gap:20px;justify-content:center;padding:24px 32px}.info-item{align-items:flex-start}.info-item .icon{color:#6366f1;font-size:20px;margin-top:2px}.info-item>div{display:flex;flex-direction:column;gap:2px}.info-label{color:#64748b;font-size:13px;font-weight:500}.info-value{color:#1e293b;font-size:16px;font-weight:600}.recurring-section{background:linear-gradient(135deg,#fef3f2,#fee2e2);border:1px solid #fecaca;border-radius:20px;margin-top:24px;padding:32px}.recurring-header{align-items:center;display:flex;gap:16px;margin-bottom:32px}.recurring-header .header-icon{background:linear-gradient(135deg,#ec4899,#f43f5e)}.recurring-options{display:flex;flex-direction:column;gap:24px}.frequency-selector{background:#fff;border:1px solid #fecaca;border-radius:16px;padding:24px}.frequency-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:12px}.frequency-option{align-items:center;background:#fff;border:2px solid #fee2e2;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:8px;padding:16px;transition:all .2s}.frequency-option:hover{background:#fef2f2;border-color:#fca5a5;transform:translateY(-2px)}.frequency-option.active{background:#fdf2f8;border-color:#ec4899;color:#ec4899}.frequency-option .icon{font-size:24px}.recurring-preview{background:#fff;border:1px solid #fecaca;border-radius:16px;padding:24px}.recurring-preview h5{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.occurrence-list{display:flex;flex-direction:column;gap:12px}.occurrence-item{align-items:center;background:#fef3f2;border-radius:10px;color:#334155;display:flex;font-size:14px;gap:12px;padding:12px 16px}.occurrence-item .icon{color:#ec4899;font-size:18px}.slide-fade-enter-active,.slide-fade-leave-active{transition:all .3s ease}.slide-fade-enter-from{opacity:0;transform:translateY(-10px)}.slide-fade-leave-to{opacity:0;transform:translateY(10px)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.schedule-preview-horizontal{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:16px;display:flex;gap:16px;padding:20px}.preview-icon{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;color:#0ea5e9;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.preview-details{flex:1}.preview-main-info{align-items:center;display:flex;gap:12px;margin-bottom:4px}.preview-date-text{color:#1e293b;font-size:16px;font-weight:600}.preview-duration{background:#fff;border-radius:20px;color:#64748b;font-size:14px;padding:4px 12px}.preview-secondary{color:#0369a1;font-size:14px}.pricing-options-inline{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:32px;padding:20px}.option-group{align-items:center;display:flex;gap:12px}.option-label-small{color:#64748b;font-size:14px;font-weight:500}.price-toggle-inline{display:flex;gap:8px}.price-btn{align-items:center;background:#fff;border:0 solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.price-btn:hover{background:#f8fafc;border-color:#cbd5e1}.price-btn.active{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.price-btn .icon{font-size:16px}.price-input-inline{width:120px}.option-checkbox{align-items:center;color:#334155;cursor:pointer;display:flex;font-size:14px;gap:8px}.modal-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;padding:20px 32px}.footer-center,.footer-left,.footer-right{align-items:center;display:flex;flex:1}.footer-left{justify-content:flex-start}.footer-center{justify-content:center}.footer-right{justify-content:flex-end}.step-indicator{font-size:13px}.btn-ghost,.step-indicator{color:#64748b;font-weight:500}.btn-ghost{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s}.btn-ghost:hover{background:#e2e8f0;color:#334155}.btn-create{min-width:120px}.btn-secondary{border:1px solid #e2e8f0;border-radius:10px;color:#64748b;font-size:14px;font-weight:600;gap:8px;padding:10px 20px}.btn-secondary:hover{background:#f8fafc;color:#475569}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.summary-card{border-radius:12px;margin-bottom:24px}.summary-card h4{color:#1e293b;margin:0 0 16px}.summary-item{color:#475569;font-size:14px}.summary-item .icon{color:#94a3b8;font-size:20px}.price-selector{display:flex;gap:12px}.price-option{background:#fff;border:0 solid #e2e8f0;border-radius:12px;flex:1;padding:16px;transition:all .2s}.price-option:hover{background:#f8fafc}.price-option.selected{background:#f0f4ff;border-color:#667eea}.price-option.free.selected{background:#f0fdf4;border-color:#10b981}.price-option .icon{display:block;font-size:24px;margin-bottom:8px}.duration-selector{display:flex;flex-wrap:wrap}.duration-option{background:#fff;border:0 solid #e2e8f0;font-weight:500;padding:8px 16px}.duration-option:hover{background:#f8fafc;border-color:#cbd5e1}.duration-option.selected{background:#f0f4ff;border-color:#667eea;color:#667eea}.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;height:auto;min-height:380px;padding:16px 12px}@media (min-width:768px){.chart-card{height:420px;padding:20px 16px}}.chart-title{font-size:16px;font-weight:600;margin:0 0 20px}.additional-options{background:#f8fafc;border-radius:12px;margin-top:24px;padding:20px}.option-item{border-radius:8px;padding:12px}.option-item:hover{background:#fff}.option-label{flex:1}.option-label span{color:#1e293b;font-weight:500;margin-bottom:2px}.option-label p{margin:0}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#e0e7ff,#cdd6ff);border-radius:50%;color:#667eea;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.user-avatar{border-radius:50%;overflow:hidden}.action-button{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #0000000a;transition:all .2s}.action-button:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.create-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 16px #667eea4d;color:#fff;font-weight:500;padding:0 24px;transition:all .3s}.create-button:hover{box-shadow:0 8px 24px #667eea66;transform:translateY(-2px)}.page-title{align-items:center;color:#1e293b;display:flex;font-size:48px;font-weight:800;gap:16px;margin:0}.title-emoji{font-size:56px}.page-subtitle{color:#64748b;font-size:18px;font-weight:400;margin:12px 0 0}.stats-section{margin:0 auto;max-width:1400px;padding:32px;position:relative;z-index:2}.stats-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid hsla(0,0%,100%,.6);box-shadow:0 8px 32px #0000000f}.stat-card{border-radius:20px;overflow:hidden;position:relative;transition:all .3s}.stat-card:hover{box-shadow:0 16px 48px #0000001a;transform:translateY(-4px)}.stat-card-inner{padding:28px;position:relative;z-index:1}.stat-card-bg{background:linear-gradient(135deg,#667eea,#764ba2);top:0;right:0;bottom:0;left:0;opacity:.03;position:absolute}.live-bg{background:linear-gradient(135deg,#f093fb,#f5576c);opacity:.05}.stat-icon-wrapper{align-items:center;border-radius:16px;display:flex;font-size:28px;height:56px;justify-content:center;margin-bottom:20px;position:relative;width:56px}.stat-icon-wrapper.scheduled{background:linear-gradient(135deg,#e0e7ff,#cdd6ff);color:#6366f1}.stat-icon-wrapper.live{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#ef4444}.live-indicator{animation:pulse 2s infinite;background:#ef4444;border-radius:50%;height:12px;position:absolute;right:4px;top:4px;width:12px}.stat-icon-wrapper.completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#10b981}.stat-icon-wrapper.participants{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#f59e0b}.stat-label{color:#64748b;font-size:14px;margin:0}.stat-value{font-size:36px;font-weight:800;line-height:1;margin:4px 0 12px}.stat-trend{align-items:center;color:#64748b;display:flex;font-size:13px;gap:6px}.stat-trend.up{color:#10b981}.stat-trend i{font-size:16px}.stat-participants{align-items:center;color:#ef4444;display:flex;font-size:13px;font-weight:500;gap:6px}.filters-container{margin:0 auto 32px;max-width:1400px;padding:0 32px}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.filters-title{color:#1e293b;font-size:24px;font-weight:700}.view-toggle{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:4px}.view-button{background:transparent;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:20px;padding:8px 12px;transition:all .2s}.view-button.active{background:#f1f5f9;color:#334155}.filters-section{border-radius:20px;padding:24px}.filters-row{align-items:end;display:grid;gap:20px;grid-template-columns:1fr 150px 150px 250px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-search :deep(.n-input__prefix){color:#94a3b8}.webinars-container{margin:0 auto;max-width:1400px;padding:0}.webinars-grid{display:grid;gap:24px}.webinars-container.grid .webinars-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.webinars-container.list .webinars-grid{grid-template-columns:1fr}.webinar-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 1px 3px #0000000a;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.webinar-card:hover{border-color:#e2e8f0;box-shadow:0 10px 20px #0000000a,0 2px 6px #0000000a,0 0 1px #0000000a;transform:translateY(-2px)}.webinar-card:hover .card-status-strip{height:4px}.webinar-card:hover .card-menu{opacity:1}.card-status-strip{height:3px;left:0;position:absolute;right:0;top:0;transition:height .3s ease}.card-status-strip.status-scheduled{background:linear-gradient(90deg,#818cf8,#a78bfa)}.card-status-strip.status-live{background:linear-gradient(90deg,#f87171,#fb923c)}.card-status-strip.status-completed{background:linear-gradient(90deg,#34d399,#6ee7b7)}.card-header{border-bottom:1px solid #f8fafc;padding:20px 24px 16px}.card-header-right{gap:12px}.card-header-right,.card-meta{align-items:center;display:flex}.card-meta{color:#64748b;font-size:13px;gap:16px}.card-meta span{align-items:center;display:flex;gap:6px}.card-meta .naive-icon{font-size:14px;opacity:.6}.card-meta .meta-duration{background:#f1f5f9;border-radius:6px;font-weight:500;padding:2px 8px}.card-menu{align-items:center;background:transparent;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:1;transition:all .2s ease;width:32px}.card-menu:hover{background:#f8fafc;color:#475569}.card-content{padding:20px 24px}.content-main{margin-bottom:20px}.card-title{color:#0f172a;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 8px}.card-description{color:#64748b;display:-webkit-box;font-size:14px;line-height:1.6;margin:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-stats{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:20px}.stat-item{background:#f8fafc;border-radius:12px;overflow:hidden;padding:12px;position:relative;transition:all .2s ease}.stat-item:hover{background:#f1f5f9;transform:translateY(-1px)}.stat-icon{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#64748b;font-size:16px;height:32px;margin-bottom:8px;width:32px}.stat-icon.type-collective{color:#818cf8}.stat-icon.type-individual{color:#fb923c}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-value{color:#1e293b;font-size:16px;font-weight:600}.stat-label{color:#94a3b8;font-size:12px;font-weight:500}.stat-progress{background:#e2e8f0;bottom:0;height:2px;left:0;position:absolute;right:0}.stat-progress:after{background:linear-gradient(90deg,#818cf8,#a78bfa);bottom:0;content:"";left:0;position:absolute;top:0;transition:width .6s ease;width:var(--progress)}.card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tag-item{background:#f1f5f9;border-radius:6px;color:#475569;font-size:12px;font-weight:500;padding:4px 10px;transition:all .2s ease}.tag-item:hover{background:#e2e8f0;color:#334155}.card-footer{background:#fafbfc;border-top:1px solid #f1f5f9;gap:16px;justify-content:space-between;padding:16px 24px}.card-footer,.footer-left{align-items:center;display:flex}.footer-left{gap:10px;min-width:0}.host-avatar{color:#94a3b8;flex-shrink:0;font-size:24px;height:32px;width:32px}.host-name{color:#64748b;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer-actions{gap:8px;margin-left:auto}.action-btn{font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.action-btn .naive-icon{font-size:16px}.action-btn.primary{background:#6366f1;color:#fff}.action-btn.primary:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f140;transform:translateY(-1px)}.action-btn.secondary{background:#f1f5f9;color:#64748b;padding:6px 10px}.action-btn.secondary:hover{background:#e2e8f0;color:#475569}.action-btn.danger{background:#fef2f2;border:1px solid #fecaca;color:#ef4444;overflow:hidden;padding:8px 12px;position:relative}.action-btn.danger .naive-icon{font-size:16px;transition:all .3s ease}.action-btn.danger:before{border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s ease;width:0}.action-btn.danger:hover{box-shadow:0 4px 12px #ef44444d;transform:scale(1.05)}.action-btn.danger:hover:before{height:150%;width:150%}.action-btn.danger:hover .naive-icon,.action-btn.danger:hover .stop-text{position:relative;z-index:1}.action-btn.danger:active{transform:scale(.95)}.action-btn.danger.stop-btn{font-weight:600;min-width:80px;padding:8px 14px}.action-btn.danger.stop-btn .stop-text{font-size:12px;letter-spacing:.5px;margin-left:-2px;text-transform:uppercase}.action-btn.danger.stop-btn .naive-icon{animation:power-rotate 3s ease-in-out infinite}.action-btn.danger.stop-btn:hover .naive-icon{animation:power-shake .3s ease-in-out}.action-btn.stats-btn{background:linear-gradient(135deg,#f59e0b,#dc2626);border:none;color:#fff;overflow:hidden;position:relative}.action-btn.stats-btn .naive-icon{font-size:16px;transition:transform .3s ease}.action-btn.stats-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.action-btn.stats-btn:hover{box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}.action-btn.stats-btn:hover:before{left:100%}.action-btn.stats-btn:hover .naive-icon{transform:scale(1.1)}.action-btn.stats-btn:active{box-shadow:0 2px 6px #f59e0b4d;transform:translateY(0)}.action-btn.restart{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;overflow:hidden;position:relative}.action-btn.restart .naive-icon{font-size:16px;transition:all .3s ease}.action-btn.restart:before{background:linear-gradient(90deg,transparent,rgba(34,197,94,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.action-btn.restart:hover{background:#16a34a;border-color:#16a34a;box-shadow:0 4px 12px #16a34a40;color:#fff;transform:translateY(-1px)}.action-btn.restart:hover:before{left:100%}.action-btn.restart:hover .naive-icon{animation:restart-spin .6s ease-in-out}.action-btn.restart:active{transform:scale(.95)}@keyframes power-rotate{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(.9)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(.9)}to{transform:rotate(1turn) scale(1)}}@keyframes power-shake{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-2px) rotate(-5deg)}20%{transform:translate(2px) rotate(5deg)}30%{transform:translate(-2px) rotate(-5deg)}40%{transform:translate(2px) rotate(5deg)}50%{transform:translate(0) rotate(0) scale(1.2)}}@keyframes restart-spin{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}.live-badge-inline{align-items:center;animation:live-pulse 2s ease-in-out infinite;background:#ef4444;border-radius:20px;box-shadow:0 2px 8px #ef44444d;color:#fff;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;padding:4px 12px}.live-dot{animation:blink 1.5s ease-in-out infinite;background:#fff;border-radius:50%;height:6px;width:6px}@keyframes live-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.webinar-card.is-live{background:linear-gradient(180deg,#fff 0,#fee1e10d);border-color:#ef444433}.webinar-card.is-live .card-status-strip{animation:live-strip 2s ease-in-out infinite}.webinar-card.is-live .action-btn.danger{animation:danger-pulse 2s ease-in-out infinite}@keyframes danger-pulse{0%,to{box-shadow:0 0 #ef44444d}50%{box-shadow:0 0 0 4px #ef44441a}}@keyframes danger-ring{0%{opacity:.6;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}@keyframes live-strip{0%,to{opacity:1}50%{opacity:.7}}@keyframes card-enter{0%{opacity:0;transform:translateY(30px) scale(.9) rotateX(10deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}.webinar-card{animation:card-enter .6s cubic-bezier(.34,1.56,.64,1);animation-fill-mode:both;perspective:1000px;transform-style:preserve-3d}.webinar-card:first-child{animation-delay:.08s}.webinar-card:nth-child(2){animation-delay:.16s}.webinar-card:nth-child(3){animation-delay:.24s}.webinar-card:nth-child(4){animation-delay:.32s}.webinar-card:nth-child(5){animation-delay:.4s}.webinar-card:nth-child(6){animation-delay:.48s}.webinar-card:nth-child(7){animation-delay:.56s}.webinar-card:nth-child(8){animation-delay:.64s}.webinar-card:nth-child(9){animation-delay:.72s}.webinar-card:nth-child(10){animation-delay:.8s}.webinar-card.is-live{animation:float 4s ease-in-out infinite;animation-delay:0s!important}.info-item{position:relative}.info-item:before{background:linear-gradient(180deg,#667eea,#764ba2);content:"";height:0;left:-8px;position:absolute;top:50%;transform:translateY(-50%);transition:height .3s ease;width:3px}.info-item:hover:before{height:20px}@keyframes status-live{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}.webinar-status-badge.status-live .status-dot{position:relative}.webinar-status-badge.status-live .status-dot:after{animation:status-live 2s ease-out infinite;background:inherit;border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.webinar-card-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:28px;position:relative;z-index:10}.header-badges{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:12px}.webinar-status-badge{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:50px;box-shadow:inset 2px 2px 4px #ffffff1a,inset -2px -2px 4px #0000000d;display:inline-flex;font-size:13px;font-weight:600;gap:10px;letter-spacing:.5px;overflow:hidden;padding:10px 20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.webinar-status-badge:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.webinar-status-badge:hover{transform:scale(1.05) translateY(-2px)}.webinar-status-badge:hover:before{left:100%}.status-dot{box-shadow:inset 1px 1px 2px #ffffff4d,inset -1px -1px 2px #0000001a,0 0 10px currentColor;height:10px;position:relative;width:10px}.webinar-status-badge.status-scheduled{background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid rgba(99,102,241,.2);color:#6366f1}.webinar-status-badge.status-scheduled .status-dot{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 20px #6366f166}.webinar-status-badge.status-live{animation:live-glow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#ef444426,#dc262626);border:1px solid rgba(239,68,68,.2);color:#ef4444}@keyframes live-glow{0%{box-shadow:inset 2px 2px 4px #ffffff1a,inset -2px -2px 4px #0000000d,0 0 20px #ef444433}to{box-shadow:inset 2px 2px 4px #ffffff1a,inset -2px -2px 4px #0000000d,0 0 30px #ef444466}}.webinar-status-badge.status-live .status-dot{animation:pulse 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 20px #ef444499}.webinar-status-badge.status-completed{background:#10b9811a;color:#10b981}.webinar-status-badge.status-completed .status-dot{background:#10b981}.menu-button{align-items:center;background:#fff;border-radius:12px;box-shadow:3px 3px 6px #d1d9e666,-3px -3px 6px #fffc;color:#94a3b8;display:flex;font-size:20px;height:36px;justify-content:center;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:36px}.menu-button:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(.8);transition:all .3s ease}.menu-button:hover{box-shadow:5px 5px 10px #d1d9e666,-5px -5px 10px #fffc;color:#667eea;transform:rotate(90deg) scale(1.1)}.menu-button:hover:before{opacity:.1;transform:scale(1)}.menu-button .naive-icon{position:relative;z-index:1}.n-dropdown-menu .n-dropdown-option{transition:all .2s ease}.n-dropdown-menu .n-dropdown-option:hover{transform:translate(4px)}.webinar-title{color:#1a1a2e;font-size:24px;font-weight:800;letter-spacing:-.5px;line-height:1.4;margin:0 0 16px;position:relative;transition:all .4s ease}.webinar-card:hover .webinar-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:translate(4px)}.webinar-title:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;bottom:-4px;content:"";height:3px;left:0;position:absolute;transition:width .4s ease;width:0}.webinar-card:hover .webinar-title:after{width:100px}.webinar-description{color:#64748b;display:-webkit-box;font-size:15px;line-height:1.8;margin:0 0 24px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-left:20px;position:relative;text-overflow:ellipsis;transition:all .4s ease}.webinar-description:before{color:#667eea33;content:'"';font-family:Georgia,serif;font-size:30px;font-weight:900;left:0;position:absolute;top:-5px}.webinar-card:hover .webinar-description{-webkit-line-clamp:3;color:#475569}.webinar-info-grid{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-radius:20px;box-shadow:inset 5px 5px 10px #d1d9e680,inset -5px -5px 10px #ffffffe6;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:28px;padding:24px;position:relative}.webinar-info-grid:before{background:linear-gradient(145deg,#ffffff80,#d1d9e64d);border-radius:inherit;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;position:absolute;right:0;top:0}.info-item{align-items:center;color:#64748b;display:flex;font-size:14px;gap:12px;min-height:40px;transition:all .3s ease}.info-item:has(.naive-icon[name=ph-users]) span{position:relative;z-index:2}.info-item:has(.naive-icon[name=ph-users]):after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;transition:width .6s ease;width:var(--progress,0)}.info-item:hover{color:#475569;transform:translate(2px)}.info-item:hover:after{height:4px}.info-item .naive-icon,.info-item i{align-items:center;background:linear-gradient(145deg,#fff,#f1f5f9);border-radius:12px;box-shadow:4px 4px 8px #d1d9e680,-4px -4px 8px #ffffffe6;color:#64748b;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.info-item:hover .info-item .naive-icon,.info-item:hover .info-item i{background:linear-gradient(145deg,#667eea,#764ba2);color:#fff;transform:rotate(5deg) scale(1.1)}.type-badge{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:50px;box-shadow:inset 1px 1px 2px #ffffff1a,inset -1px -1px 2px #0000000d;display:inline-flex;font-weight:600;gap:8px;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s ease}.type-badge .naive-icon{font-size:14px;transition:all .3s ease}.type-badge:hover{transform:scale(1.05) translateY(-2px)}.type-badge:hover .naive-icon{transform:rotate(10deg) scale(1.1)}.type-badge.type-collective{background:linear-gradient(135deg,#3b82f626,#6366f126);border:1px solid rgba(59,130,246,.2);color:#3b82f6}.type-badge.type-collective:hover{background:linear-gradient(135deg,#3b82f640,#6366f140);box-shadow:inset 1px 1px 2px #ffffff1a,inset -1px -1px 2px #0000000d,0 4px 15px #3b82f633}.type-badge.type-individual{background:linear-gradient(135deg,#fb923c26,#f59e0b26);border:1px solid rgba(251,146,60,.2);color:#f97316}.type-badge.type-individual:hover{background:linear-gradient(135deg,#fb923c40,#f59e0b40);box-shadow:inset 1px 1px 2px #ffffff1a,inset -1px -1px 2px #0000000d,0 4px 15px #fb923c33}.webinar-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;min-height:28px}.tag{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid transparent;border-radius:8px;color:#475569;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.tag:hover{background:#fff;border-color:#667eea4d;box-shadow:0 2px 8px #667eea26;color:#667eea;transform:translateY(-2px)}.webinar-url-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid hsla(0,0%,100%,.4);border-radius:20px;box-shadow:0 8px 32px #1f26871a,inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #0000000d;margin-top:24px;overflow:hidden;padding:24px;position:relative}.webinar-url-section:before{animation:gradient-rotate 3s ease infinite;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c);border-radius:20px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .4s ease;z-index:-1}.webinar-url-section:hover:before{opacity:.7}@keyframes gradient-rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.url-label{align-items:center;color:#64748b;font-size:13px;font-weight:600;margin-bottom:8px}.url-container,.url-label{display:flex;gap:8px}.url-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;flex:1;font-size:13px;padding:8px 12px;transition:all .2s}.url-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.copy-button{flex-shrink:0}.webinar-card-footer{align-items:center;border-top:1px solid rgba(226,232,240,.5);display:flex;justify-content:space-between;margin-top:24px;padding-top:24px;position:relative}.webinar-card-footer:before{background:linear-gradient(90deg,transparent,rgba(102,126,234,.3),transparent);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:-1px;transition:opacity .3s ease}.webinar-card:hover .webinar-card-footer:before{opacity:1}.footer-info{flex:1;gap:20px;justify-content:space-between}.footer-info,.host-info{align-items:center;display:flex}.host-info{gap:12px}.host-details{display:flex;flex-direction:column;gap:2px}.host-name{color:#1e293b;font-size:14px;font-weight:600;transition:color .3s ease}.webinar-card:hover .host-name{color:#667eea}.host-role{color:#94a3b8;font-size:12px;font-weight:500}.host-avatar{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000000d;color:#64748b;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.webinar-card:hover .host-avatar{box-shadow:0 4px 8px #0000001a;transform:scale(1.1)}.price-info{align-items:center;display:flex}.price-tag{align-items:flex-end;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:16px;box-shadow:inset 2px 2px 4px #ffffff1a,inset -2px -2px 4px #d1d9e64d;display:flex;flex-direction:column;gap:2px;padding:12px 20px;position:relative;transition:all .3s ease}.price-tag:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:inherit;bottom:-1px;content:"";left:-1px;opacity:0;position:absolute;right:-1px;top:-1px;transition:opacity .3s ease;z-index:-1}.webinar-card:hover .price-tag{box-shadow:inset 2px 2px 4px #fff3,inset -2px -2px 4px #d1d9e666,0 4px 12px #667eea1a;transform:translateY(-2px)}.webinar-card:hover .price-tag:before{opacity:.1}.price-amount{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;font-size:20px;font-weight:800;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.price-label{color:#94a3b8;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.footer-actions{align-items:center;display:flex;gap:12px}.start-button{background:#fff;border:none;box-shadow:6px 6px 12px #d1d9e680,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #ffffff4d,inset -1px -1px 2px #d1d9e64d;color:#10b981;font-weight:600;overflow:hidden;position:relative;transition:all .3s ease}.start-button:before{background:linear-gradient(135deg,#ffffff45,#cfcfcf3b);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%;z-index:0}.start-button:after{color:#fff;content:attr(data-text);left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;z-index:1}.start-button:hover{box-shadow:8px 8px 16px #d1d9e680,-8px -8px 16px #ffffffe6;transform:translateY(-3px)}.start-button:hover:before{left:0}.start-button:hover:after{opacity:1}.start-button:hover .n-button__content{color:transparent}.stop-button{background:#fff;border:none;box-shadow:6px 6px 12px #d1d9e680,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #ffffff4d,inset -1px -1px 2px #d1d9e64d;color:#ef4444;font-weight:600;overflow:hidden;position:relative;transition:all .3s ease}.stop-button:before{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s ease;width:0}.stop-button:hover{box-shadow:8px 8px 16px #d1d9e680,-8px -8px 16px #ffffffe6;color:#fff;transform:translateY(-3px)}.stop-button:hover:before{height:150%;width:150%}.stop-button .n-button__content{position:relative;z-index:1}.join-button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid transparent;box-shadow:0 10px 30px #3b82f64d,inset 1px 1px 2px #fff3;color:#fff;font-weight:600;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.join-button:before{background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.3) 50%,transparent 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg) translateY(100%);transition:transform .6s ease;width:200%}.join-button:hover{border-color:#fff3;box-shadow:0 15px 40px #3b82f666,inset 1px 1px 2px #ffffff4d;transform:translateY(-3px) scale(1.05)}.join-button:hover:before{transform:rotate(45deg) translateY(-100%)}.join-button:active{transform:translateY(-1px) scale(1.02)}.stats-button{background:#fff;border:1px solid rgba(0,0,0,.08)}@media (max-width:768px){.webinars-grid{gap:12px;grid-template-columns:1fr}.card-header{padding:16px 20px 12px}.card-content{padding:16px 20px}.card-stats{gap:12px;grid-template-columns:1fr}.stat-item{align-items:center;display:flex;gap:12px}.stat-item .stat-icon{margin-bottom:0}.stat-item .stat-content{align-items:center;flex-direction:row;gap:8px}.stat-item .stat-content .stat-label:before{content:"•";margin-right:4px;opacity:.5}.card-footer{align-items:flex-start;flex-direction:column;gap:12px}.card-footer .footer-actions{justify-content:flex-end;width:100%}.live-badge{right:12px;top:12px}}@media (min-width:1400px){.webinars-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}.empty-state{padding:80px 20px;text-align:center}.empty-illustration{color:#e2e8f0;font-size:120px;margin-bottom:24px}.empty-title{color:#334155;font-size:24px;font-weight:700;margin:0 0 8px}.empty-description{color:#64748b;font-size:16px;margin:0 0 32px}.empty-cta{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-weight:500;padding:12px 24px}.webinar-modal :deep(.n-modal-mask){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d}.n-input-wrapper{background:#fafafa;border:2px solid #e5e5e5;border-radius:12px;outline:none;transition:all .2s ease}.modal-container{border-radius:24px;display:flex;flex-direction:column;margin:20px auto;max-height:90vh;max-width:90vw!important;overflow:hidden;width:600px!important}.modal-header{border-bottom:1px solid rgba(0,0,0,.06)}.modal-title{color:#1e293b;font-size:24px;font-weight:700;margin:0}.close-button{color:#94a3b8;font-size:24px}.modal-body{flex:1;overflow-y:auto;padding:32px}.modal-footer{border-top:1px solid rgba(0,0,0,.06);display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.webinar-form{margin:0 auto;max-width:600px}.form-input,.form-textarea{width:100%}.form-grid{gap:24px}.form-grid,.type-selector{display:grid;grid-template-columns:1fr 1fr}.type-selector{gap:16px}.type-option{border:0 solid #e2e8f0;border-radius:16px;cursor:pointer;padding:20px;text-align:center;transition:all .3s}.type-option:hover{background:#f8fafc;border-color:#cbd5e1}.type-option.active{background:#6366f10d;border-color:#6366f1}.type-option i{color:#64748b;font-size:32px;margin-bottom:8px}.type-option.active i{color:#6366f1}.type-option span{color:#334155;display:block;font-weight:600;margin-bottom:4px}.type-option p{color:#94a3b8;font-size:12px;margin:0}.switch-item{align-items:center;display:flex;gap:16px}.switch-label span{color:#334155;font-weight:600}.switch-label p{color:#64748b;font-size:13px;margin:2px 0 0}.save-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-weight:500;padding:0 32px}.stats-header{margin-bottom:32px}.stats-header h3{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 8px}.stats-date{color:#64748b;font-size:14px}.detailed-stats-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.detailed-stat-card{align-items:center;background:#f8fafc;border-radius:16px;display:flex;gap:16px;padding:20px}.stat-icon-mini{align-items:center;background:#fff;border-radius:12px;color:#6366f1;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.stat-label-mini{color:#64748b;font-size:13px;margin:0}.stat-value-mini{color:#1e293b;font-size:24px;font-weight:700;margin:4px 0 0}.section-title{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 20px}.participants-table{border-radius:12px;overflow:hidden}.webinar-list-enter-active,.webinar-list-leave-active{transition:all .3s ease}.webinar-list-enter-from{opacity:0;transform:translateY(20px)}.webinar-list-leave-to{opacity:0;transform:translate(-20px)}.charts-grid{display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:32px}.chart-card{border-radius:20px;height:300px;padding:24px}.chart-header{justify-content:space-between;margin-bottom:12px}.chart-header,.chart-title{align-items:center;display:flex}.chart-title{color:#1e293b;font-size:18px;font-weight:700;gap:8px;margin:0}.chart-title i{color:#6366f1}.chart-controls{background:#f8fafc;border-radius:8px;display:flex;gap:4px;padding:4px}.chart-btn{background:transparent;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.chart-btn:hover{background:#fff;color:#475569}.chart-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#6366f1}.chart-container{height:calc(100% - 45px);position:relative}.line-chart{align-items:center;display:flex;height:100%;justify-content:center;padding:0;position:relative}.chart-svg{cursor:crosshair;display:block;height:100%;max-width:100%;width:100%}.chart-line{stroke-linecap:round;stroke-linejoin:round;animation:drawLine 1s ease-out forwards;filter:drop-shadow(0 2px 4px rgba(102,126,234,.2))}@keyframes drawLine{0%{stroke-dasharray:1000;stroke-dashoffset:1000}to{stroke-dashoffset:0}}.chart-points circle[r="5"]{animation:fadeIn .5s ease-out forwards;animation-delay:.8s;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.chart-points circle[r="5"].active{r:7;fill:#5a67d8;filter:drop-shadow(0 0 10px rgba(102,126,234,.6));transform-origin:center}.chart-area{animation:fadeIn 1.2s ease-out forwards}.hover-line{opacity:.8;transition:all .1s ease-out}.chart-tooltip{animation:tooltipFadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293bf2;border-radius:10px;box-shadow:0 8px 24px #0003;color:#fff;font-size:13px;margin-top:-15px;padding:10px 14px;pointer-events:none;position:absolute;transform:translate(-50%,-100%);transition:opacity .2s ease-out;white-space:nowrap;z-index:1000}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-100%) scale(.9)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}.chart-tooltip:after{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(30,41,59,.95);content:"";height:0;left:50%;position:absolute;top:100%;transform:translate(-50%);width:0}.tooltip-month{font-size:11px;margin-bottom:2px;opacity:.8}.tooltip-value{font-size:14px;font-weight:600}@media (max-width:768px){.chart-header{align-items:flex-start;flex-direction:column;gap:12px}.chart-controls{align-self:flex-end}.chart-container{height:calc(100% - 80px)}}.simple-line-chart{padding:20px}.chart-bars,.simple-line-chart{align-items:flex-end;display:flex;height:100%}.chart-bars{gap:12px;justify-content:space-between;width:100%}.chart-bar-wrapper{align-items:center;display:flex;flex:1;flex-direction:column;height:100%;position:relative}.chart-value{color:#6366f1;font-size:12px;font-weight:600;margin-bottom:8px}.chart-bar{background:linear-gradient(135deg,#6366f1,#764ba2);border-radius:8px 8px 0 0;min-height:4px;position:relative;transition:all .5s ease;width:100%}.chart-bar:after{background:#fff3;border-radius:8px 8px 0 0;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.chart-bar-wrapper:hover .chart-bar:after{opacity:1}.chart-label{color:#64748b;font-size:12px;font-weight:500;margin-top:8px}.simple-donut-chart{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px}.donut-wrapper{height:160px;margin-bottom:20px;position:relative;width:160px}.donut-svg{height:100%;transform:rotate(-90deg);width:100%}.donut-svg circle{transition:stroke-dasharray .5s ease}.donut-center{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.donut-total{color:#1e293b;font-size:28px;font-weight:700}.donut-label{color:#64748b;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.donut-legend{display:flex;flex-direction:column;gap:8px}.legend-item{align-items:center;color:#475569;display:flex;font-size:13px;gap:8px}.legend-color{border-radius:3px;height:12px;width:12px}.modal-container.simplified{max-width:90vw;width:800px}.creation-steps{justify-content:center;padding:32px 32px 0}.creation-steps,.step{align-items:center;display:flex;gap:8px}.step{color:#94a3b8;flex-direction:column;font-size:13px;font-weight:500;transition:all .3s}.step.active{color:#334155}.step.completed{color:#10b981}.step-number{align-items:center;background:#f1f5f9;border:0 solid #e2e8f0;border-radius:50%;display:flex;font-weight:600;height:36px;justify-content:center;transition:all .3s;width:36px}.step.active .step-number{background:#fff;border-color:#6366f1;color:#6366f1}.step.completed .step-number{background:#10b981;border-color:#10b981;color:#fff}.step-line{background:#e2e8f0;height:2px;transition:all .3s;width:100px}.step-line.active{background:#10b981}.title-emoji{font-size:32px}.simplified-form{padding:24px 48px}.form-step{animation:fadeIn .3s ease}.step-description{margin-bottom:32px;text-align:center}.step-description p{color:#64748b;font-size:16px;margin:0}.title-input{font-size:24px;padding:20px;text-align:center}.title-input :deep(.n-input__input-el){font-weight:600;text-align:center}.type-selector.simplified{display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:24px}.type-card{background:#fafbfc;border:3px solid #e2e8f0;border-radius:20px;cursor:pointer;overflow:hidden;padding:32px;position:relative;text-align:center;transition:all .3s}.type-card:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.type-card.selected{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.type-illustration{align-items:center;background:linear-gradient(135deg,#e0e7ff,#cdd6ff);border-radius:20px;color:#6366f1;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.type-card h4{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 8px}.type-card p{color:#64748b;font-size:14px;margin:0 0 20px}.type-features{display:flex;flex-direction:column;gap:8px;text-align:left}.type-features span{align-items:center;color:#475569;display:flex;font-size:13px;gap:8px}.type-features i{color:#10b981;font-size:16px}.quick-schedule{background:#f8fafc;border-radius:16px;margin-bottom:24px;padding:24px}.quick-schedule h4{color:#334155;font-size:16px;font-weight:600;margin:0 0 16px}.quick-options{display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.quick-option{align-items:center;background:#fff;border:0 solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px;text-align:center;transition:all .2s}.quick-option:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f;transform:translateY(-2px)}.quick-option.selected{background:#6366f10d;border-color:#6366f1}.quick-option i{color:#64748b;font-size:24px}.quick-option.selected i{color:#6366f1}.quick-option span{color:#334155;font-size:13px;font-weight:600}.datetime-grid{display:grid;gap:24px;grid-template-columns:1fr 1fr}.duration-selector{display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.duration-option{background:#f1f5f9;border:2px solid transparent;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:12px;text-align:center;transition:all .2s}.duration-option:hover{background:#fff;border-color:#e2e8f0;color:#334155}.duration-option.selected{background:linear-gradient(135deg,#e0e7ff,#cdd6ff);border-color:#6366f1;color:#6366f1}.summary-card{background:#f8fafc;border-radius:16px;margin-bottom:32px;padding:24px}.summary-card h4{color:#334155;font-size:16px;font-weight:600;margin:0 0 20px}.summary-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;padding:12px 0}.summary-item:last-child{border-bottom:none}.summary-item i{color:#6366f1;font-size:20px}.summary-item span{color:#334155;font-size:14px;font-weight:500}.price-selector{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.price-option{align-items:center;background:#f8fafc;border:3px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:24px;text-align:center;transition:all .3s}.price-option:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f;transform:translateY(-2px)}.price-option.selected{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.price-option i{color:#64748b;font-size:32px}.price-option.free.selected i{color:#10b981}.price-option.paid.selected i{color:#6366f1}.price-option span{color:#334155;font-size:16px;font-weight:600}.price-input-simple{margin-top:16px}.final-options{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.option-item{align-items:center;background:#f8fafc;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s}.option-item:hover{background:#f1f5f9}.option-label span{color:#334155;display:block;font-weight:600}.option-label p{color:#64748b;font-size:13px;margin:2px 0 0}.max-participants-input{margin-top:16px}.modal-footer.simplified{align-items:center;display:flex;justify-content:space-between;padding:24px 48px 32px}.footer-right{display:flex;gap:12px}.next-button{padding-right:20px}.create-final-button{background:linear-gradient(135deg,#10b981,#059669);border:none;font-weight:600;padding:0 32px}.create-final-button:hover{box-shadow:0 8px 24px #10b9814d;transform:translateY(-2px)}@media (max-width:1200px){.filters-row{grid-template-columns:1fr 1fr}.search-group{grid-column:1/-1}.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.header-content{padding:20px}.page-title{font-size:32px}.filters-row,.form-grid,.stats-grid,.type-selector,.type-selector.simplified,.webinar-info-grid{grid-template-columns:1fr}.quick-options{grid-template-columns:repeat(2,1fr)}.datetime-grid{grid-template-columns:1fr}.duration-selector{grid-template-columns:repeat(3,1fr)}.price-selector{grid-template-columns:1fr}.creation-steps{padding:20px 20px 0}.step-line{width:50px}.simplified-form{padding:20px}.modal-footer.simplified{flex-direction:column;gap:12px;padding:20px}.footer-right button{flex:1}.date-time-row{grid-template-columns:1fr}.quick-schedule-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.preview-content{flex-direction:column;gap:16px}.preview-date{width:100%}.duration-selector-modern{justify-content:space-between}.duration-pill{flex:1;justify-content:center;min-width:calc(33.333% - 8px)}.back-button-modern{margin-bottom:20px;position:static}.custom-schedule-container{margin-top:0}.date-time-section,.duration-section{padding:16px}.duration-options{grid-template-columns:1fr}.shortcuts-grid{display:grid;grid-template-columns:repeat(3,1fr)}.time-shortcut{font-size:13px;padding:8px 12px}.modal-footer{flex-wrap:wrap;gap:12px;padding:16px}.footer-center,.footer-left{flex:none;width:100%}.footer-center{margin-bottom:8px;order:-1}.footer-right{justify-content:space-between;width:100%}.step-indicator{display:block;text-align:center;width:100%}.sidebar{left:-260px;position:fixed;transition:left .3s ease}.sidebar.mobile-open{left:0}.main-content{margin-left:0}.page-header{padding:12px 0}.header-container{padding:0 16px}.page-title{font-size:20px}.content-container,.stats-section{padding:0 16px}.stats-section{padding-top:16px}}.stat-icon{align-items:center;border-radius:16px;color:#fff;display:flex;font-size:24px;height:56px;justify-content:center;position:relative;width:56px}.stat-icon.users-total{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon.users-new{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.users-active{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.users-active .live-indicator{animation:pulse-live 2s infinite;background:#10b981;border:2px solid #fff;border-radius:50%;height:12px;position:absolute;right:-2px;top:-2px;width:12px}.stat-icon.formations-offered{background:linear-gradient(135deg,#ec4899,#db2777)}@keyframes pulse-live{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.users-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;margin-top:24px;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.users-table thead th{color:#475569;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.users-table thead th.checkbox-col{text-align:center;width:50px}.users-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s}.users-table tbody tr:hover{background:#fafbfc}.users-table tbody tr.selected{background:#6366f10d}.users-table tbody tr td{color:#334155;font-size:14px;padding:16px}.users-table tbody tr td.checkbox-col{text-align:center}.user-info-cell{align-items:center;cursor:pointer;display:flex;gap:12px}.user-info-cell:hover .user-name{color:#6366f1}.user-avatar{align-items:center;background:#e2e8f0;background-position:50%;background-size:cover;border-radius:10px;color:#64748b;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{color:#1e293b;font-weight:600;transition:color .2s}.user-id{color:#94a3b8;font-size:12px}.email-cell{align-items:center;display:flex;gap:6px}.email-cell .verified-icon{color:#10b981;font-size:16px}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 12px}.status-badge.status-active{background:#10b9811a;color:#059669}.status-badge.status-inactive{background:#9ca3af1a;color:#6b7280}.status-badge.status-suspended{background:#ef44441a;color:#dc2626}.status-badge.status-pending{background:#fb923c1a;color:#ea580c}.type-badge{border-radius:8px;font-size:12px;font-weight:500;padding:4px 12px}.type-badge.type-student{background:#6366f11a;color:#6366f1}.type-badge.type-instructor{background:#f59e0b1a;color:#d97706}.type-badge.type-admin{background:#ef44441a;color:#dc2626}.type-badge.type-manager{background:#8b5cf61a;color:#7c3aed}.last-login{align-items:center;display:flex;gap:8px}.last-login .online-indicator{animation:pulse 2s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.progression-cell{align-items:center;display:flex;gap:8px}.progression-bar{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden;width:60px}.progression-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);height:100%;transition:width .3s}.progression-text{color:#64748b;font-size:12px;font-weight:500}.formations-count{align-items:center;color:#6366f1;display:flex;font-weight:500;gap:4px}.plan-badge{border-radius:8px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.plan-badge.plan-free{background:#f3f4f6;color:#6b7280}.plan-badge.plan-premium{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);color:#7c3aed}.plan-badge.plan-enterprise{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#c2410c}.action-menu{background:transparent;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;padding:8px;transition:all .2s}.action-menu:hover{background:#f1f5f9;color:#475569}.table-pagination{border-top:1px solid #e2e8f0;display:flex;justify-content:center;padding:16px}.mass-actions-bar{align-items:center;animation:slideUp .3s ease-out;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;color:#fff;display:flex;justify-content:space-between;margin:16px 0;padding:16px 24px}.mass-actions-info{align-items:center;font-weight:500}.mass-actions-buttons,.mass-actions-info{display:flex;gap:12px}.mass-actions-buttons .action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.mass-actions-buttons .action-btn.primary{background:#fff;color:#6366f1}.mass-actions-buttons .action-btn.primary:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.mass-actions-buttons .action-btn.gift{background:#fff3;border:1px solid hsla(0,0%,100%,.3);color:#fff}.mass-actions-buttons .action-btn.gift:hover{background:#ffffff4d}.mass-actions-buttons .action-btn.secondary{background:transparent;border:1px solid hsla(0,0%,100%,.3);color:#fff}.mass-actions-buttons .action-btn.secondary:hover{background:#ffffff1a}.users-cards-container{margin-top:24px}.users-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.user-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;overflow:hidden;padding:20px;position:relative;transition:all .3s}.user-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.user-card.selected{border:2px solid #6366f1}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.card-body{cursor:pointer;text-align:center}.user-avatar-large{align-items:center;background:#e2e8f0;border-radius:16px;color:#64748b;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto 16px;position:relative;width:80px}.user-avatar-large .online-badge{animation:pulse 2s infinite;background:#10b981;border:3px solid #fff;border-radius:50%;bottom:-4px;height:20px;position:absolute;right:-4px;width:20px}.user-name-large{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:4px}.user-email{color:#64748b;font-size:14px;margin-bottom:16px}.user-badges{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.user-stats{border-bottom:1px solid #f1f5f9;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:8px;padding:16px 0}.user-stats .stat-item{align-items:center;color:#64748b;display:flex;font-size:14px;gap:8px;justify-content:center}.user-footer{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.gift-button{background:#ec48991a;border:none;border-radius:8px;color:#ec4899;cursor:pointer;padding:8px;transition:all .2s}.gift-button:hover{background:#ec489933;transform:scale(1.1)}.user-detail-modal .modal-container{background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;overflow:hidden;position:relative}.modal-header-buttons{display:flex;gap:8px;position:absolute;right:20px;top:20px;z-index:10}.modal-action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#64748b;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.modal-action-btn:hover{background:#f1f5f9;box-shadow:0 4px 12px #0000001a;color:#475569;transform:translateY(-1px)}.modal-action-btn:hover .naive-icon{transform:rotate(90deg)}.modal-action-btn:active{transform:translateY(0)}.modal-action-btn .naive-icon{font-size:18px;transition:transform .3s}.modal-close-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#64748b;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.modal-close-btn:hover{background:#fee2e2;border-color:#fecaca;box-shadow:0 4px 12px #ef444433;color:#ef4444;transform:translateY(-1px)}.modal-close-btn:hover .naive-icon{transform:rotate(90deg)}.modal-close-btn:active{transform:translateY(0)}.modal-close-btn .naive-icon{font-size:18px;transition:transform .3s}.modal-header-new{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);border-radius:0;color:#fff;margin:-1px -1px 0;min-height:340px;overflow:hidden;padding:0;position:relative}.modal-header-new:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,rgba(168,85,247,.1) 0,transparent 70%);right:-50%;top:-50%}.modal-header-new:after,.modal-header-new:before{content:"";height:200%;position:absolute;width:200%}.modal-header-new:after{animation:float 20s ease-in-out infinite reverse;background:radial-gradient(circle,rgba(99,102,241,.1) 0,transparent 70%);bottom:-50%;left:-50%}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.modal-header-new .header-background{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='1' y1='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23fff' stop-opacity='.1'/%3E%3Cstop offset='100%25' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h50v50H0zm50 50h50v50H50z'/%3E%3C/svg%3E");bottom:0;left:0;opacity:.05;position:absolute;right:0;top:0}.modal-header-new .header-decoration{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.modal-header-new .header-decoration .decoration-circle{background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);border-radius:50%;position:absolute}.modal-header-new .header-decoration .decoration-circle.decoration-1{animation:float 15s ease-in-out infinite;height:300px;right:-50px;top:-150px;width:300px}.modal-header-new .header-decoration .decoration-circle.decoration-2{animation:float 20s ease-in-out infinite reverse;bottom:-100px;height:200px;left:50px;width:200px}.modal-header-new .header-content{display:flex;flex-direction:column;gap:24px;height:100%;padding:28px 40px 32px;position:relative;z-index:1}.modal-header-new .close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:24px;top:24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.modal-header-new .close-btn .naive-icon{font-size:20px;transition:transform .3s}.modal-header-new .close-btn:hover{background:#fff3;box-shadow:0 8px 20px #0003;transform:translateY(-2px)}.modal-header-new .close-btn:hover .naive-icon{transform:rotate(90deg)}.modal-header-new .close-btn:active{transform:translateY(0)}.modal-header-new .header-top-section{display:flex;flex-direction:column;gap:20px}.modal-header-new .user-identity-row{align-items:flex-start;display:flex;gap:24px}.modal-header-new .user-avatar-container{flex-shrink:0;position:relative}.modal-header-new .user-avatar-container .user-avatar-xlarge{align-items:center;background:linear-gradient(135deg,#fff,#f3f4f6);border-radius:20px;box-shadow:0 10px 30px #0003,inset 0 1px #ffffff80;color:#6366f1;display:flex;font-size:40px;height:100px;justify-content:center;transition:transform .3s ease;width:100px}.modal-header-new .user-avatar-container .user-avatar-xlarge:hover{transform:scale(1.05)}.modal-header-new .user-avatar-container .user-avatar-xlarge .online-status{align-items:center;background:#10b981;border:3px solid #1e1b4b;border-radius:50%;bottom:4px;display:flex;height:24px;justify-content:center;position:absolute;right:4px;width:24px}.modal-header-new .user-avatar-container .user-avatar-xlarge .online-status .pulse-ring{animation:pulse 2s infinite;border:2px solid #10b981;border-radius:50%;height:100%;position:absolute;width:100%}.modal-header-new .user-avatar-container .avatar-badge{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;box-shadow:0 4px 12px #f59e0b66;color:#fff;display:flex;font-size:16px;height:32px;justify-content:center;position:absolute;right:-8px;top:-8px;width:32px}.modal-header-new .user-info-section{display:flex;flex:1;flex-direction:column;gap:16px}.modal-header-new .user-primary-info{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.modal-header-new .user-primary-info .user-name-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.modal-header-new .user-primary-info .user-name-wrapper .user-name{background:linear-gradient(135deg,#fff,#ffffffe6);-webkit-background-clip:text;font-size:28px;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin:0;-webkit-text-fill-color:transparent;background-clip:text}.modal-header-new .user-primary-info .user-name-wrapper .plan-indicator{align-items:center;background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border:1px solid rgba(251,191,36,.3);border-radius:20px;color:#fbbf24;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.modal-header-new .user-primary-info .user-name-wrapper .plan-indicator .naive-icon{font-size:12px}.modal-header-new .user-primary-info .status-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:100px;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:6px 14px}.modal-header-new .user-primary-info .status-indicator .status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.modal-header-new .user-primary-info .status-indicator.status-active{background:#10b98126;border-color:#10b9814d;color:#10b981}.modal-header-new .user-primary-info .status-indicator.status-active .status-dot{animation:pulse 2s infinite;background:#10b981;box-shadow:0 0 8px #10b98199}.modal-header-new .user-primary-info .status-indicator.status-inactive{background:#6b728026;border-color:#6b72804d;color:#9ca3af}.modal-header-new .user-primary-info .status-indicator.status-inactive .status-dot{background:#6b7280}.modal-header-new .user-primary-info .status-indicator.status-suspended{background:#ef444426;border-color:#ef44444d;color:#f87171}.modal-header-new .user-primary-info .status-indicator.status-suspended .status-dot{background:#ef4444}.modal-header-new .user-contact-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;display:flex;flex-wrap:wrap;font-size:14px;gap:16px;padding:12px 16px}.modal-header-new .user-contact-info .info-group{align-items:center;color:#ffffffe6;display:flex;gap:8px}.modal-header-new .user-contact-info .info-group .naive-icon{font-size:16px;opacity:.6}.modal-header-new .user-contact-info .info-group .info-text{font-weight:500}.modal-header-new .user-contact-info .info-group.email-group{flex:1;min-width:200px}.modal-header-new .user-contact-info .info-group.email-group .verified-badge{color:#10b981;font-size:16px;margin-left:6px;opacity:1}.modal-header-new .user-contact-info .info-group.role-group .naive-icon{color:#a78bfa}.modal-header-new .user-contact-info .info-group.id-group{font-family:monospace;font-size:13px;opacity:.7}.modal-header-new .user-contact-info .info-group.id-group .naive-icon{color:#60a5fa}.modal-header-new .user-contact-info .info-separator{background:#fff3;height:16px;width:1px}.modal-header-new .user-metadata{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.modal-header-new .user-metadata .metadata-item{align-items:flex-start;background:#ffffff08;border-radius:10px;display:flex;gap:10px;padding:10px;transition:all .2s}.modal-header-new .user-metadata .metadata-item:hover{background:#ffffff0f}.modal-header-new .user-metadata .metadata-item .naive-icon{color:#ffffff80;font-size:18px;margin-top:2px}.modal-header-new .user-metadata .metadata-item .metadata-content{display:flex;flex:1;flex-direction:column;gap:2px}.modal-header-new .user-metadata .metadata-item .metadata-content .metadata-label{color:#ffffff80;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.modal-header-new .user-metadata .metadata-item .metadata-content .metadata-value{color:#ffffffe6;font-size:13px;font-weight:500}.modal-header-new .user-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.modal-header-new .user-tags .tag-item{background:#ffffff14;border:1px solid hsla(0,0%,100%,.15);border-radius:16px;color:#fffc;cursor:pointer;font-size:12px;font-weight:500;padding:4px 12px;transition:all .2s}.modal-header-new .user-tags .tag-item:hover{background:#ffffff1f;border-color:#ffffff40;color:#fff;transform:translateY(-1px)}.modal-header-new .header-actions-container{align-items:center;display:flex;gap:8px;margin-top:8px}.modal-header-new .header-actions-container .action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;height:38px;padding:8px 16px;transition:all .2s}.modal-header-new .header-actions-container .action-btn.primary{background:#fff;box-shadow:0 2px 8px #0000001a;color:#4c1d95}.modal-header-new .header-actions-container .action-btn.primary:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.modal-header-new .header-actions-container .action-btn.primary .naive-icon{color:#a855f7}.modal-header-new .header-actions-container .action-btn.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);color:#fff}.modal-header-new .header-actions-container .action-btn.secondary:hover{background:#fff3}.modal-header-new .header-actions-container .action-btn.icon-only{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);color:#fff;padding:0;width:38px}.modal-header-new .header-actions-container .action-btn.icon-only:hover{background:#fff3;transform:rotate(90deg)}.modal-header-new .header-stats-section{margin-top:auto;padding-top:20px}.modal-header-new .stats-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.modal-header-new .stats-grid .stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid hsla(0,0%,100%,.15);border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .2s}.modal-header-new .stats-grid .stat-card:hover{background:#ffffff1f;transform:translateY(-2px)}.modal-header-new .stats-grid .stat-card .stat-icon{align-items:center;background:#ffffff26;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.modal-header-new .stats-grid .stat-card .stat-icon.progress{background:#fbbf2433;color:#fbbf24}.modal-header-new .stats-grid .stat-card .stat-icon.time{background:#3b82f633;color:#60a5fa}.modal-header-new .stats-grid .stat-card .stat-icon.engagement{background:#ef444433;color:#f87171}.modal-header-new .stats-grid .stat-card .stat-content{flex:1}.modal-header-new .stats-grid .stat-card .stat-content .stat-value{color:#fff;font-size:24px;font-weight:700;line-height:1;margin-bottom:2px}.modal-header-new .stats-grid .stat-card .stat-content .stat-label{color:#ffffffb3;font-size:12px;text-transform:none}.modal-header-new .metrics-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;display:flex;gap:32px;padding:16px 20px}.modal-header-new .metrics-bar .metric-item{align-items:center;display:flex;gap:12px}.modal-header-new .metrics-bar .metric-item .metric-label{color:#ffffffb3;font-size:13px}.modal-header-new .metrics-bar .metric-item .metric-progress{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden;width:100px}.modal-header-new .metrics-bar .metric-item .metric-progress .progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);height:100%;transition:width .3s}.modal-header-new .metrics-bar .metric-item .metric-value{color:#fff;font-size:14px;font-weight:600}.modal-header-new .metrics-bar .metric-item .activity-dots{display:flex;gap:4px}.modal-header-new .metrics-bar .metric-item .activity-dots .activity-dot{background:#fff3;border-radius:50%;height:8px;transition:all .2s;width:8px}.modal-header-new .metrics-bar .metric-item .activity-dots .activity-dot.active{background:#10b981;box-shadow:0 0 8px #10b98180}.modal-body-new{background:#f8fafc;display:flex;height:100%}.modal-sidebar{background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;width:260px}.modal-sidebar .sidebar-nav{flex:1;padding:24px 16px}.modal-sidebar .sidebar-nav-item{align-items:center;background:transparent;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:4px;padding:14px 20px;position:relative;transition:all .2s;width:100%}.modal-sidebar .sidebar-nav-item:hover{background:#f1f5f9;color:#475569}.modal-sidebar .sidebar-nav-item.active{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);color:#6366f1}.modal-sidebar .sidebar-nav-item.active:before{background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:0 3px 3px 0;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.modal-sidebar .sidebar-nav-item .nav-badge{background:#6366f1;border-radius:12px;color:#fff;font-size:11px;font-weight:600;margin-left:auto;padding:2px 8px}.modal-sidebar .sidebar-stats{border-top:1px solid #e2e8f0;padding:20px}.modal-sidebar .sidebar-stats .stat-item{margin-bottom:16px}.modal-sidebar .sidebar-stats .stat-item label{color:#94a3b8;display:block;font-size:12px;margin-bottom:4px}.modal-sidebar .sidebar-stats .stat-item span{color:#1e293b;font-size:14px;font-weight:500}.modal-content{background:#f8fafc;flex:1;overflow-y:auto}.tab-panel{overflow:hidden;padding:0}.tab-panel:first-child .modal-header-new{margin-top:0}.panel-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:32px 40px 24px}.panel-header h2{color:#1e293b;font-size:24px;font-weight:600}.panel-header .add-btn,.panel-header .edit-btn{align-items:center;background:#6366f1;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.panel-header .add-btn:hover,.panel-header .edit-btn:hover{background:#5558e3;transform:translateY(-1px)}.info-cards{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));padding:32px 40px}.info-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .2s}.info-card:hover{box-shadow:0 4px 12px #0000000d}.info-card .card-header{align-items:center;display:flex;gap:12px;margin-bottom:24px}.info-card .card-header .naive-icon{color:#6366f1;font-size:20px}.info-card .card-header h3{color:#1e293b;font-size:16px;font-weight:600}.info-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item.editable .info-value{cursor:pointer;transition:all .2s}.info-item.editable .info-value:hover{color:#6366f1}.info-item label{color:#94a3b8;display:block;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.info-item .info-value{color:#1e293b;font-size:14px;font-weight:500}.info-item .info-value .verified{color:#10b981;font-size:16px;margin-left:4px;vertical-align:middle}.info-item .info-value a{align-items:center;color:#6366f1;display:inline-flex;gap:4px;text-decoration:none}.info-item .info-value a:hover{text-decoration:underline}.formation-overview{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:32px 40px 0}.overview-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:20px;padding:24px;transition:all .2s}.overview-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.overview-card .overview-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;color:#fff;display:flex;font-size:24px;height:56px;justify-content:center;width:56px}.overview-card .overview-icon.completed{background:linear-gradient(135deg,#10b981,#059669)}.overview-card .overview-icon.progress{background:linear-gradient(135deg,#f59e0b,#d97706)}.overview-card .overview-icon.time{background:linear-gradient(135deg,#3b82f6,#2563eb)}.overview-card .overview-content .overview-value{color:#1e293b;display:block;font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.overview-card .overview-content .overview-label{color:#64748b;font-size:14px}.formations-list{padding:32px 40px}.formations-list h3{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:20px}.formation-cards{display:flex;flex-direction:column;gap:16px}.formation-item-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:20px;padding:20px;transition:all .2s}.formation-item-card:hover{box-shadow:0 4px 12px #00000014}.formation-item-card .formation-thumbnail{border-radius:12px;flex-shrink:0;height:80px;overflow:hidden;position:relative;width:120px}.formation-item-card .formation-thumbnail img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.formation-item-card .formation-thumbnail .gift-badge{align-items:center;background:#ec4899;border-radius:50%;color:#fff;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:8px;top:8px;width:28px}.formation-item-card .formation-details{flex:1}.formation-item-card .formation-details h4{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:8px}.formation-item-card .formation-details .formation-meta{display:flex;gap:20px;margin-bottom:16px}.formation-item-card .formation-details .formation-meta span{align-items:center;color:#64748b;display:flex;font-size:13px;gap:6px}.formation-item-card .formation-details .formation-meta span .naive-icon{font-size:14px}.formation-item-card .formation-progress-detailed .progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.formation-item-card .formation-progress-detailed .progress-header span{color:#64748b;font-size:13px}.formation-item-card .formation-progress-detailed .progress-header .progress-percent{color:#6366f1;font-weight:600}.formation-item-card .formation-progress-detailed .progress-bar-large{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.formation-item-card .formation-progress-detailed .progress-bar-large .progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);height:100%;transition:width .3s}.formation-item-card .formation-actions{align-items:center;display:flex;gap:8px}.formation-item-card .formation-actions .btn-icon-text{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.formation-item-card .formation-actions .btn-icon-text:hover{background:#e2e8f0;color:#1e293b}.formation-item-card .formation-actions .btn-icon{align-items:center;background:transparent;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.formation-item-card .formation-actions .btn-icon:hover{background:#f1f5f9;color:#475569}.activity-dashboard{display:grid;gap:24px;grid-template-columns:1fr 1fr;padding:32px 40px}.engagement-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.engagement-card h3{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:24px}.score-visualization{align-items:center;display:flex;gap:32px}.score-visualization .score-ring{height:200px;position:relative;width:200px}.score-visualization .score-ring svg{height:100%;width:100%}.score-visualization .score-ring .score-center{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.score-visualization .score-ring .score-center .score-number{color:#1e293b;font-size:48px;font-weight:700}.score-visualization .score-ring .score-center .score-label{color:#64748b;font-size:16px}.score-visualization .score-breakdown{flex:1}.score-visualization .score-breakdown .breakdown-item{margin-bottom:16px}.score-visualization .score-breakdown .breakdown-item .breakdown-label{color:#64748b;display:block;font-size:13px;margin-bottom:6px}.score-visualization .score-breakdown .breakdown-item .breakdown-bar{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden}.score-visualization .score-breakdown .breakdown-item .breakdown-bar .bar-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);height:100%}.activity-timeline-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.activity-timeline-card h3{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:24px}.timeline-enhanced .timeline-entry{display:flex;gap:16px;margin-bottom:24px}.timeline-enhanced .timeline-entry:last-child{margin-bottom:0}.timeline-enhanced .timeline-entry .timeline-icon{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.timeline-enhanced .timeline-entry .timeline-icon.type-Connexion{background:linear-gradient(135deg,#3b82f6,#2563eb)}.timeline-enhanced .timeline-entry .timeline-icon.type-Cours{background:linear-gradient(135deg,#10b981,#059669)}.timeline-enhanced .timeline-entry .timeline-content{flex:1}.timeline-enhanced .timeline-entry .timeline-content h4{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:4px}.timeline-enhanced .timeline-entry .timeline-content p{color:#64748b;font-size:13px;margin-bottom:4px}.timeline-enhanced .timeline-entry .timeline-content .timeline-date{color:#94a3b8;font-size:12px}.billing-dashboard{display:grid;gap:24px;grid-template-columns:1fr 1fr;padding:32px 40px}.plan-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.plan-card.current{border-color:#6366f1;overflow:hidden;position:relative}.plan-card.current:before{background:linear-gradient(90deg,#6366f1,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.plan-card .plan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.plan-card .plan-header h3{color:#1e293b;font-size:18px;font-weight:600}.plan-card .plan-header .plan-badge.premium{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:6px 16px;text-transform:uppercase}.plan-card .plan-price{margin-bottom:24px}.plan-card .plan-price .price-amount{color:#1e293b;font-size:36px;font-weight:700}.plan-card .plan-price .price-period{color:#64748b;font-size:16px}.plan-card .plan-features{margin-bottom:24px}.plan-card .plan-features .feature-item{align-items:center;display:flex;gap:12px;margin-bottom:12px}.plan-card .plan-features .feature-item .naive-icon{color:#10b981;font-size:16px}.plan-card .plan-features .feature-item span{color:#475569;font-size:14px}.plan-card .plan-action{align-items:center;background:#f1f5f9;border:none;border-radius:10px;color:#6366f1;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:all .2s;width:100%}.plan-card .plan-action:hover{background:#e2e8f0}.payment-history{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.payment-history h3{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:24px}.payment-history .payment-list .payment-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:16px;padding:16px 0}.payment-history .payment-list .payment-item:last-child{border-bottom:none}.payment-history .payment-list .payment-item .payment-icon{align-items:center;border-radius:10px;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.payment-history .payment-list .payment-item .payment-icon.success{background:#10b9811a;color:#10b981}.payment-history .payment-list .payment-item .payment-details{flex:1}.payment-history .payment-list .payment-item .payment-details .payment-desc{color:#1e293b;display:block;font-size:14px;font-weight:500}.payment-history .payment-list .payment-item .payment-details .payment-date{color:#94a3b8;display:block;font-size:12px}.payment-history .payment-list .payment-item .payment-amount{color:#10b981;font-size:16px;font-weight:600}.support-content{display:grid;gap:24px;grid-template-columns:1fr 1fr;padding:32px 40px}.notes-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.notes-card h3{color:#1e293b;font-size:18px;font-weight:600}.notes-card .notes-input,.notes-card h3{margin-bottom:16px}.notes-card .notes-footer{align-items:center;display:flex;justify-content:space-between}.notes-card .notes-footer .last-update{color:#94a3b8;font-size:12px}.notes-card .notes-footer .save-btn{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.notes-card .notes-footer .save-btn:hover{background:#5558e3}.communication-history{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.communication-history h3{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:24px}.communication-history .comm-timeline .comm-item{display:flex;gap:16px;margin-bottom:20px}.communication-history .comm-timeline .comm-item .comm-icon{align-items:center;border-radius:10px;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.communication-history .comm-timeline .comm-item .comm-icon.email{background:#6366f11a;color:#6366f1}.communication-history .comm-timeline .comm-item .comm-content{flex:1}.communication-history .comm-timeline .comm-item .comm-content h4{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:4px}.communication-history .comm-timeline .comm-item .comm-content p{color:#64748b;font-size:13px;margin-bottom:4px}.communication-history .comm-timeline .comm-item .comm-content .comm-date{color:#94a3b8;font-size:12px}.analytics-dashboard{padding:32px 40px}.metrics-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:20px;padding:24px;transition:all .2s}.metric-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.metric-card.primary .metric-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.metric-card.secondary .metric-icon{background:linear-gradient(135deg,#10b981,#059669)}.metric-card.tertiary .metric-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.metric-card .metric-icon{align-items:center;border-radius:14px;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;width:56px}.metric-card .metric-content{flex:1}.metric-card .metric-content label{color:#64748b;display:block;font-size:13px;margin-bottom:8px}.metric-card .metric-content .metric-value{color:#1e293b;display:block;font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.metric-card .metric-content .metric-trend{color:#64748b;font-size:12px}.metric-card .metric-content .metric-trend.positive{color:#10b981}.behavior-insights{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.behavior-insights h3{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:24px}.behavior-insights .insights-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.behavior-insights .insight-card h4{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:16px}.behavior-insights .insight-card .days-chart{align-items:flex-end;display:flex;gap:8px;height:100px;justify-content:space-between}.behavior-insights .insight-card .days-chart .day-bar{align-items:center;display:flex;flex:1;flex-direction:column;gap:8px}.behavior-insights .insight-card .days-chart .day-bar .bar{background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:4px 4px 0 0;transition:all .3s;width:100%}.behavior-insights .insight-card .days-chart .day-bar span{color:#64748b;font-size:12px;font-weight:500}.formations-section .section-title{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.formations-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.formation-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.formation-card .formation-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:12px}.formation-card .formation-header h4{color:#1e293b;font-size:14px;font-weight:600}.formation-card .formation-header .formation-badge{border-radius:6px;font-size:11px;font-weight:500;padding:4px 8px}.formation-card .formation-header .formation-badge.offered{background:#ec48991a;color:#ec4899}.formation-card .formation-progress{align-items:center;display:flex;gap:8px;margin-bottom:12px}.formation-card .formation-progress .progress-bar{background:#e2e8f0;border-radius:4px;flex:1;height:8px;overflow:hidden}.formation-card .formation-progress .progress-bar .progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);height:100%}.formation-card .formation-progress span{color:#64748b;font-size:12px;font-weight:500}.formation-card .formation-stats{display:flex;gap:16px;margin-bottom:12px}.formation-card .formation-stats span{align-items:center;color:#64748b;display:flex;font-size:12px;gap:4px}.formation-card .formation-actions{display:flex;justify-content:flex-end}.activity-stats{display:grid;gap:32px;grid-template-columns:1fr 2fr}.engagement-score{text-align:center}.engagement-score h3{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:20px}.engagement-score .score-display .score-circle{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-direction:column;height:120px;justify-content:center;margin:0 auto;width:120px}.engagement-score .score-display .score-circle .score-value{font-size:36px;font-weight:700}.engagement-score .score-display .score-circle .score-label{font-size:14px;opacity:.8}.activity-timeline h3{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:20px}.activity-timeline .timeline{padding-left:20px;position:relative}.activity-timeline .timeline:before{background:#e2e8f0;bottom:0;content:"";left:4px;position:absolute;top:0;width:2px}.activity-timeline .timeline-item{padding-bottom:16px;position:relative}.activity-timeline .timeline-item .timeline-marker{background:#6366f1;border:2px solid #fff;border-radius:50%;height:10px;left:-16px;position:absolute;top:4px;width:10px}.activity-timeline .timeline-item .timeline-content{align-items:center;display:flex;justify-content:space-between}.activity-timeline .timeline-item .timeline-content .activity-type{color:#1e293b;font-weight:500}.activity-timeline .timeline-item .timeline-content .activity-date{color:#94a3b8;font-size:12px}.billing-section{display:grid;gap:32px;grid-template-columns:1fr 1fr}.current-plan h3{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:16px}.current-plan .plan-details{display:flex;flex-direction:column;gap:8px}.current-plan .plan-details .plan-name{color:#6366f1;font-size:24px;font-weight:600}.current-plan .plan-details .plan-price{color:#64748b;font-size:18px}.offered-formations h3{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:16px}.offered-formations .offered-list{display:flex;flex-direction:column;gap:12px}.offered-formations .offered-item{background:#f8fafc;border-radius:8px;display:grid;font-size:14px;gap:12px;grid-template-columns:2fr 1fr 1fr;padding:12px}.offered-formations .offered-item .offered-value{color:#ec4899;font-weight:600}.offered-formations .offered-item .offered-date{color:#64748b;font-size:12px}.notes-section h3{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:16px}.analytics-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{background:#f8fafc;border-radius:12px;padding:20px;text-align:center}.metric-card label{color:#64748b;display:block;font-size:14px;margin-bottom:8px}.metric-card .metric-value{color:#1e293b;font-size:24px;font-weight:600}.formation-modal .modal-body{padding:24px}.formation-categories,.formation-search{margin-bottom:24px}.formations-list{display:flex;flex-direction:column;gap:12px;max-height:100%;overflow-y:auto}.formation-item{align-items:center;background:#f8fafc;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.formation-item:hover{background:#e2e8f0;transform:translate(4px)}.formation-item .formation-info h4{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:4px}.formation-item .formation-info p{color:#64748b;font-size:14px;margin-bottom:8px}.formation-item .formation-info .formation-price{color:#6366f1;font-size:16px;font-weight:600}.formation-options{border-top:1px solid #e2e8f0;padding-top:24px}.formation-options h3{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:20px}.formation-options .option-group{margin-bottom:20px}.formation-options .option-group label{color:#64748b;display:block;font-size:14px;font-weight:500;margin-bottom:8px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.users-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.billing-section,.info-grid{grid-template-columns:1fr}}@media (max-width:768px){.mass-actions-bar{flex-direction:column;gap:16px}.mass-actions-bar .mass-actions-buttons{flex-wrap:wrap;width:100%}.mass-actions-bar .mass-actions-buttons .action-btn{flex:1;justify-content:center}.users-table-container{overflow-x:auto}.users-table{min-width:800px}.modal-container{border-radius:0!important;height:100vh!important}}.filters-container-modern{margin-bottom:24px}.filters-header-modern{align-items:center;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;display:flex;gap:24px;justify-content:space-between;margin-bottom:16px;padding:20px 24px}@media (max-width:768px){.filters-header-modern{align-items:stretch;flex-direction:column}}.search-section{flex:1;max-width:500px}.search-section .search-wrapper{margin-bottom:8px;position:relative}.search-section .search-wrapper .search-icon{color:#94a3b8;font-size:20px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-section .search-wrapper .search-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;padding:12px 44px 12px 48px;transition:all .2s;width:100%}.search-section .search-wrapper .search-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.search-section .search-wrapper .search-input::-moz-placeholder{color:#94a3b8}.search-section .search-wrapper .search-input::placeholder{color:#94a3b8}.search-section .search-wrapper .clear-search{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s}.search-section .search-wrapper .clear-search:hover{background:#f1f5f9;color:#64748b}.search-section .search-wrapper .clear-search .naive-icon{font-size:20px}.search-section .search-stats{color:#64748b;font-size:13px;padding-left:16px}.header-controls{align-items:center;display:flex;gap:12px}.filter-toggle-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;position:relative;transition:all .2s}.filter-toggle-btn:hover{border-color:#cbd5e1;color:#475569}.filter-toggle-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.filter-toggle-btn.active .naive-icon{color:#fff}.filter-toggle-btn .filter-count{background:#ef4444;border-radius:100px;color:#fff;font-size:11px;font-weight:600;min-width:20px;padding:2px 6px;position:absolute;right:-8px;text-align:center;top:-8px}.view-toggle-modern{background:#f1f5f9;border-radius:10px;display:flex;padding:4px}.view-toggle-modern .view-btn{align-items:center;background:transparent;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .2s}.view-toggle-modern .view-btn:hover{color:#475569}.view-toggle-modern .view-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#6366f1}.view-toggle-modern .view-btn .naive-icon{font-size:18px}.quick-actions{display:flex;gap:8px}.quick-actions .action-btn-icon{align-items:center;background:#f8fafc;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.quick-actions .action-btn-icon:hover{background:#f1f5f9;color:#475569;transform:translateY(-1px)}.quick-actions .action-btn-icon .naive-icon{font-size:18px}.advanced-filters{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;padding:24px}.filters-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.filters-grid .filter-item.span-2{grid-column:span 2}.filter-header{align-items:center;color:#475569;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.filter-header .naive-icon{color:#64748b;font-size:16px}.filter-options{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:100px;color:#64748b;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 14px;position:relative;transition:all .2s}.filter-chip:hover{background:#f1f5f9;border-color:#cbd5e1}.filter-chip.active{background:#6366f1;border-color:#6366f1;color:#fff}.filter-chip.active .naive-icon{color:#fff}.filter-chip.active .chip-indicator{border-color:#fff}.filter-chip .chip-indicator{border:2px solid #e2e8f0;border-radius:50%;height:8px;width:8px}.filter-chip .chip-indicator.status-active{background:#10b981}.filter-chip .chip-indicator.status-inactive{background:#6b7280}.filter-chip .chip-indicator.status-suspended{background:#ef4444}.filter-chip .chip-indicator.status-pending{background:#f59e0b}.filter-chip .plan-indicator{border-radius:4px;display:inline-block;height:12px;width:12px}.filter-chip .plan-indicator.plan-free{background:#6b7280}.filter-chip .plan-indicator.plan-premium{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.filter-chip .plan-indicator.plan-enterprise{background:linear-gradient(135deg,#f59e0b,#dc2626)}.date-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.date-presets .preset-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.date-presets .preset-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.date-presets .preset-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.date-picker-modern{width:100%}.range-slider .range-labels{color:#64748b;display:flex;font-size:13px;font-weight:500;justify-content:space-between;margin-bottom:8px}.active-filters-bar{align-items:center;background:#f8fafc;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;padding:16px}.active-filters-label{color:#475569;font-size:14px;font-weight:600}.active-filters-list{display:flex;flex:1;flex-wrap:wrap;gap:8px}.active-filter-tag{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:100px;color:#475569;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px 6px 14px}.active-filter-tag .remove-filter{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;margin:-2px -4px -2px 0;padding:2px;transition:all .2s}.active-filter-tag .remove-filter:hover{background:#f1f5f9;color:#ef4444}.active-filter-tag .remove-filter .naive-icon{font-size:14px}.clear-all-btn{background:none;border:none;border-radius:8px;color:#ef4444;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s}.clear-all-btn:hover{background:#fee2e2}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.slide-down-enter-active,.slide-down-leave-active{transition:all .3s ease}.slide-down-enter-from,.slide-down-leave-to{opacity:0;transform:translateY(-20px)}.modern-editor-wrapper{background:#f5f5f7;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;height:100vh}.gjs-frame *{box-sizing:border-box!important}.gjs-frame [data-gjs-type]{display:block!important;float:none!important;left:0!important;margin-left:0!important;margin-right:0!important;position:relative!important;right:auto!important;width:100%!important}.gjs-frame [data-gjs-type].x-locked{cursor:ns-resize!important;transform:translate(0)!important}.gjs-frame .gjs-resizer{display:none!important;pointer-events:none!important}.gjs-frame .gjs-column,.gjs-frame .gjs-row{flex-direction:column!important;width:100%!important}.vertical-drop-placeholder{animation:shimmer 1.5s ease-in-out infinite!important;background:linear-gradient(90deg,#ef4444,#f87171,#ef4444)!important;background-size:200% 100%!important;border-radius:4px!important;box-shadow:0 0 20px #ef4444b3!important;height:8px!important;left:0!important;margin:15px 0!important;position:relative!important;right:0!important;width:100%!important}.vertical-drop-placeholder:before{background:#ef4444e6;border-radius:4px;color:#fff;content:"🚫 MOUVEMENT VERTICAL UNIQUEMENT";font-size:10px;font-weight:700;left:50%;padding:4px 8px;position:absolute;top:-25px;transform:translate(-50%);white-space:nowrap;z-index:1000}.vertical-drop-placeholder:after{animation:pulse 1s ease-in-out infinite;background:linear-gradient(90deg,transparent,rgba(239,68,68,.3),transparent);border-radius:8px;bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.editor-topbar{align-items:center;background:#fff;border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 1px 3px #0000000d;display:flex;height:56px;justify-content:space-between;padding:0 20px;z-index:100}.topbar-left{flex:1;min-width:0}.topbar-center,.topbar-right{align-items:center;display:flex;gap:12px}.editor-title{align-items:center;display:flex;gap:8px;margin:0}.editor-title,.lesson-title-input{color:#111827;font-size:18px;font-weight:600}.lesson-title-input{background:transparent;border:none;border-radius:6px;flex:1;min-width:200px;outline:none;padding:2px 8px;transition:all .2s}.lesson-title-input:hover{background:#f3f4f6}.lesson-title-input:focus{background:#f3f4f6;box-shadow:0 0 0 2px #e5e7eb}.lesson-title-input::-moz-placeholder{color:#9ca3af;font-weight:400}.lesson-title-input::placeholder{color:#9ca3af;font-weight:400}.editor-subtitle{color:#6b7280;font-size:14px;margin-left:8px}.device-switcher{background:#f3f4f6;border-radius:8px;display:flex;gap:2px;padding:4px}.device-btn{background:transparent;border:none;border-radius:6px;color:#6b7280;height:32px;justify-content:center;width:36px}.device-btn:hover{background:#fff;color:#374151}.device-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#111827}.device-icon{height:18px;width:18px}.topbar-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:36px;padding:0 16px;transition:all .2s}.topbar-btn:hover{background:#f9fafb;border-color:#d1d5db}.topbar-btn.active{background:#f3f4f6;border-color:#d1d5db;color:#111827}.topbar-btn.primary{background:#111827;border-color:#111827;color:#fff}.topbar-btn.primary:hover{background:#1f2937;border-color:#1f2937}.btn-icon{height:16px;width:16px}.separator{background:#e5e7eb;height:24px;margin:0 4px;width:1px}.topbar-btn.ghost{background:transparent;border-color:transparent;color:#6b7280;padding:0 12px}.topbar-btn.ghost:hover{background:#fee2e2;border-color:#fee2e2;color:#dc2626}.editor-main{display:flex;flex:1;overflow:hidden}.editor-sidebar{background:#fafbfc;border-right:1px solid rgba(0,0,0,.06);box-shadow:4px 0 24px -4px #00000014;display:flex;flex-direction:column;position:relative;transition:width .3s cubic-bezier(.4,0,.2,1);width:320px}.editor-sidebar.collapsed{width:72px}.sidebar-tabs{background:#fff;border-bottom:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;gap:8px;padding:16px}.sidebar-tab{align-items:center;background:transparent;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;overflow:hidden;padding:12px 16px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.sidebar-tab:before{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition:opacity .3s}.sidebar-tab:hover{color:#475569;transform:translate(4px)}.sidebar-tab:hover:before{opacity:.1}.sidebar-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 8px 16px -4px #6366f14d;color:#fff;transform:none}.sidebar-tab.active:before{opacity:0}.tab-icon{flex-shrink:0;height:20px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:20px}.sidebar-tab:hover .tab-icon{transform:scale(1.1)}.sidebar-tab.active .tab-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.tab-label{flex:1;transition:opacity .3s,transform .3s}.editor-sidebar.collapsed .tab-label{opacity:0;transform:translate(-20px)}.sidebar-content{flex:1;overflow:hidden}.panel,.sidebar-content{display:flex;flex-direction:column}.panel{height:100%}.panel-header{margin-bottom:16px}.panel-header h3{color:#0f172a;font-size:16px;font-weight:700;letter-spacing:-.01em;margin:0 0 12px}.search-input{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;height:36px;outline:none;padding:0 12px;transition:all .2s;width:100%}.search-input:focus{border-color:#9ca3af;box-shadow:0 0 0 3px #9ca3af1a}.blocks-container{height:100%;padding:0}.block-category-section{margin-bottom:24px}.category-header{justify-content:space-between;margin-bottom:12px;padding:0 4px}.category-name{color:#111827;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.category-count{background:#f3f4f6;border-radius:10px;color:#9ca3af;font-size:11px;font-weight:500;padding:2px 8px}.blocks-grid{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.editor-sidebar.collapsed .blocks-grid{grid-template-columns:1fr}.block-item{background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:grab;overflow:hidden;padding:16px 12px;position:relative;text-align:center;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.block-item:hover{background:#fafafe;border-color:#6366f1;box-shadow:0 6px 16px #6366f126;transform:translateY(-2px)}.block-item:active{cursor:grabbing;transform:scale(.98)}.block-item.dragging{opacity:.5;transform:scale(.95)}.block-item.clicked{animation:clickPulse .3s ease}@keyframes clickPulse{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.block-icon{align-items:center;background:#f9fafb;border-radius:10px;display:flex;height:40px;justify-content:center;margin:0 auto 10px;transition:all .2s;width:40px}.block-icon svg{height:24px;transition:all .2s;width:24px}.block-item:hover .block-icon{background:#ede9fe}.block-item:hover .block-icon svg{transform:scale(1.1)}.block-label{color:#374151;font-size:12px;font-weight:500;line-height:1.2}.block-heading .block-icon{background:#dbeafe}.block-heading .block-icon svg{color:#2563eb}.block-text .block-icon{background:#f3f4f6}.block-text .block-icon svg{color:#6b7280}.block-list .block-icon{background:#f3e8ff}.block-list .block-icon svg{color:#9333ea}.block-quote .block-icon{background:#fef3c7}.block-quote .block-icon svg{color:#f59e0b}.block-image .block-icon{background:#d1fae5}.block-image .block-icon svg{color:#10b981}.block-video .block-icon{background:#fee2e2}.block-video .block-icon svg{color:#ef4444}.block-section .block-icon{background:#e0e7ff}.block-section .block-icon svg{color:#6366f1}.block-columns .block-icon{background:#fce7f3}.block-columns .block-icon svg{color:#ec4899}.block-divider .block-icon{background:#f3f4f6}.block-divider .block-icon svg{color:#9ca3af}.block-button .block-icon{background:#ede9fe}.block-button .block-icon svg{color:#8b5cf6}.block-link .block-icon{background:#cffafe}.block-link .block-icon svg{color:#06b6d4}.block-info-box .block-icon{background:#dbeafe}.block-info-box .block-icon svg{color:#3b82f6}.block-warning-box .block-icon{background:#fef3c7}.block-warning-box .block-icon svg{color:#f59e0b}.block-success-box .block-icon{background:#d1fae5}.block-success-box .block-icon svg{color:#10b981}.block-code .block-icon{background:#e9d5ff}.block-code .block-icon svg{color:#a855f7}.drop-active{position:relative}.drop-active:after{animation:dropPulse 1.5s ease infinite;background:#6366f10d;border:3px dashed #6366f1;border-radius:8px;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}@keyframes dropPulse{0%,to{opacity:.5}50%{opacity:1}}.blocks-container::-webkit-scrollbar-thumb{background:#e5e7eb}.blocks-container::-webkit-scrollbar-thumb:hover{background:#d1d5db}.sidebar-toggle{align-items:center;background:#fff;border:1px solid #e5e7eb;border-left:none;border-radius:0 6px 6px 0;color:#6b7280;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:-12px;top:50%;transform:translateY(-50%);transition:all .2s;width:24px;z-index:10}.sidebar-toggle:hover{background:#f3f4f6;color:#374151}.toggle-icon{height:16px;width:16px}.editor-canvas-area{background:#f8f9fa;display:flex;flex:1;flex-direction:column;overflow:hidden;position:relative}.editor-canvas-area:before{background-image:radial-gradient(circle at 25% 25%,rgba(99,102,241,.02) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(236,72,153,.02) 0,transparent 50%),linear-gradient(45deg,#f8f9fa 25%,transparent 0,transparent 75%,#f8f9fa 0,#f8f9fa),linear-gradient(45deg,#f8f9fa 25%,transparent 0,transparent 75%,#f8f9fa 0,#f8f9fa);background-position:0 0,0 0,0 0,10px 10px;background-size:100% 100%,100% 100%,20px 20px,20px 20px;content:"";top:0;right:0;bottom:0;left:0;opacity:.5;pointer-events:none;position:absolute}.canvas-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid rgba(0,0,0,.06);border-radius:16px;box-shadow:0 8px 32px -8px #0000001f;display:flex;gap:4px;left:50%;padding:8px;position:absolute;top:20px;transform:translate(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.canvas-toolbar:hover{box-shadow:0 12px 40px -12px #00000026;transform:translate(-50%) translateY(-2px)}.zoom-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid rgba(0,0,0,.06);border-radius:12px;bottom:20px;box-shadow:0 4px 24px -4px #0000001a;gap:2px;padding:4px;position:absolute;right:20px;z-index:10}.zoom-btn,.zoom-controls{align-items:center;display:flex}.zoom-btn{background:transparent;border:none;border-radius:8px;color:#64748b;cursor:pointer;height:36px;justify-content:center;transition:all .2s;width:36px}.zoom-btn:hover{background:#f1f5f9;color:#334155}.zoom-btn:active{transform:scale(.95)}.zoom-value{color:#475569;font-size:13px;font-weight:600;min-width:60px;padding:0 8px;text-align:center}.canvas-status-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid rgba(0,0,0,.06);border-radius:8px;bottom:20px;box-shadow:0 2px 12px -2px #00000014;color:#64748b;display:flex;font-size:12px;gap:16px;left:20px;padding:8px 16px;position:absolute;z-index:10}.status-item{align-items:center;display:flex;gap:6px}.status-dot{animation:statusPulse 2s ease-in-out infinite;background:#10b981;border-radius:50%;height:6px;width:6px}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.canvas-container{align-items:flex-start;display:flex;flex:1;justify-content:center;overflow:auto;padding:40px;position:relative}.canvas-container :deep(.gjs-cv-canvas){align-items:flex-start;display:flex;height:100%!important;justify-content:center;width:100%!important}.canvas-container :deep(.gjs-cv-canvas__frames){align-items:flex-start;display:flex;height:100%;justify-content:center;padding-top:20px;width:100%}.canvas-container :deep(.gjs-frame-wrapper){margin:0 auto;transform-origin:center top;transition:transform .3s ease}.device-frame{background:#fff;border-radius:16px;box-shadow:0 20px 60px -20px #00000026;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.device-frame.desktop{height:100%;max-height:calc(100vh - 120px);max-width:1400px;width:100%}.device-frame.tablet{border:16px solid #1f2937;border-radius:32px;height:1024px;position:relative;width:768px}.device-frame.tablet:before{background:#374151;border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:-8px;transform:translate(-50%);width:60px}.device-frame.mobile{border:12px solid #1f2937;border-radius:36px;height:812px;position:relative;width:375px}.device-frame.mobile:before{background:#1f2937;border-radius:12px;content:"";height:24px;left:50%;position:absolute;top:20px;transform:translate(-50%);width:120px}#gjs-modern-editor{border-radius:inherit;height:100%;overflow:hidden;width:100%}.canvas-loading{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;z-index:100}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.gjs-cv-canvas__frames{background:transparent!important}.gjs-frame{border-radius:8px!important;box-shadow:0 10px 40px -10px #0000001a!important;overflow:hidden!important}:deep(.gjs-comp-hover){outline:1px solid #3b82f6!important;outline-offset:-1px!important}:deep(.gjs-placeholder){background:#3b82f6!important;height:3px!important;margin:8px 0!important;opacity:1!important;position:relative!important}:deep(.gjs-placeholder):after,:deep(.gjs-placeholder):before{background:#3b82f6!important;border-radius:50%!important;content:""!important;height:10px!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:10px!important}:deep(.gjs-placeholder):before{left:-14px!important}:deep(.gjs-placeholder):after{right:-14px!important}:deep(.gjs-comp-dragging){opacity:.4!important}:deep(.gjs-comp-drag-helper){background:#fff!important;border:2px solid #3b82f6!important;border-radius:8px!important;opacity:.8!important}.canvas-grid-overlay{background-image:linear-gradient(rgba(99,102,241,.1) 1px,transparent 0),linear-gradient(90deg,rgba(99,102,241,.1) 1px,transparent 0);background-size:20px 20px;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s;z-index:1}.show-grid .canvas-grid-overlay{opacity:1}.ruler-horizontal{border-bottom:1px solid #e5e7eb;height:20px;right:0}.ruler-horizontal,.ruler-vertical{background:#ffffffe6;display:none;left:0;position:absolute;top:0;z-index:5}.ruler-vertical{border-right:1px solid #e5e7eb;bottom:0;width:20px}.show-rulers .ruler-horizontal,.show-rulers .ruler-vertical{display:block}.canvas-context-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 40px -10px #00000026;display:none;padding:4px;position:absolute;z-index:1000}.context-menu-item{align-items:center;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 16px;transition:all .2s}.context-menu-item:hover{background:#f3f4f6;color:#111827}.canvas-empty-state{align-items:center;display:flex;flex-direction:column;top:0;right:0;bottom:0;left:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s}.empty-state-icon{color:#cbd5e1;height:64px;margin-bottom:16px;width:64px}.empty-state-title{color:#475569;font-size:18px;font-weight:600;margin-bottom:8px}.empty-state-description{color:#94a3b8;font-size:14px;max-width:400px;text-align:center}.editor-properties{background:#fff;border-left:1px solid #e5e7eb;overflow:hidden;transition:width .3s ease;width:0}.editor-properties.open{width:320px}.properties-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px}.properties-header h3{color:#111827;font-size:16px;font-weight:600;margin:0}.close-btn{align-items:center;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.close-btn:hover{background:#f3f4f6;color:#374151}.close-icon{height:18px;width:18px}.properties-content{height:calc(100% - 65px);overflow-y:auto;padding:16px}.templates-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);top:0;right:0;bottom:0;left:0;padding:40px}.templates-modal{overflow:hidden;width:100%}.modal-header{padding:24px}.modal-header h2{font-size:20px;font-weight:600}.templates-categories{padding:16px 24px}.category-btn{border-radius:8px;padding:8px 16px}.category-btn:hover{background:#f3f4f6}.category-btn.active{background:#111827;border-color:#111827}.templates-grid{padding:24px}.template-item{border:1px solid #e5e7eb;transition:all .2s}.template-item:hover{border-color:#9ca3af;box-shadow:0 12px 24px #0000001a}.template-preview{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;height:180px;justify-content:center}.template-thumbnail{overflow:hidden;padding:20px}.template-item h4{margin:16px 16px 8px}.template-item p{margin:0 16px 16px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f3f4f6}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}:deep(.gjs-cv-canvas){background:#fff!important;box-shadow:none!important;height:100%!important;top:0!important;width:100%!important}:deep(.gjs-frame){background:#fff!important;border-radius:0!important}:deep(.gjs-toolbar){-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fffffff2!important;border:1px solid rgba(0,0,0,.06)!important;border-radius:8px!important;box-shadow:0 4px 12px #00000014!important;padding:4px!important}:deep(.gjs-toolbar-item){align-items:center!important;border-radius:6px!important;color:#374151!important;display:flex!important;font-size:14px!important;height:30px!important;justify-content:center!important;margin:2px!important;width:30px!important}:deep(.gjs-toolbar-item:hover){background:#f3f4f6!important;color:#111827!important}:deep(.gjs-selected){outline:2px solid #3b82f6!important;outline-offset:2px!important}:deep(.gjs-hovered){outline:2px dashed #3b82f6!important;outline-offset:2px!important}:deep(.gjs-placeholder){background:#f9fafb!important;border:2px dashed #e5e7eb!important;border-radius:8px!important;color:#9ca3af!important;font-size:14px!important;padding:40px!important;text-align:center!important}:deep(.gjs-placeholder:before){content:"Glissez un élément ici pour commencer"!important}:deep(.gjs-layer){border-radius:6px!important;font-size:13px!important;margin-bottom:2px!important;padding:8px 12px!important}:deep(.gjs-layer:hover){background:#f3f4f6!important}:deep(.gjs-layer.gjs-selected){background:#eff6ff!important;color:#2563eb!important}:deep(.gjs-sm-sector){border:none!important;margin-bottom:16px!important}:deep(.gjs-sm-sector-title){background:transparent!important;border-bottom:1px solid #e5e7eb!important;color:#111827!important;font-size:14px!important;font-weight:600!important;margin-bottom:12px!important;padding:8px 0!important}:deep(.gjs-sm-property){margin-bottom:12px!important}:deep(.gjs-sm-label){color:#4b5563!important;font-size:13px!important;font-weight:500!important;margin-bottom:6px!important}:deep(.gjs-field){background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:6px!important;color:#111827!important;font-size:13px!important;padding:8px 12px!important;transition:all .2s!important}:deep(.gjs-field:focus){background:#fff!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}:deep(.gjs-radio){margin-right:8px!important}:deep(.gjs-select){background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:6px!important;color:#111827!important;cursor:pointer!important;font-size:13px!important;padding:8px 12px!important}:deep(.gjs-select:hover){background:#fff!important;border-color:#d1d5db!important}.blocks-panel{background:#fafbfc;display:flex;flex-direction:column;height:100%}.blocks-search-wrapper{background:#fff;border-bottom:1px solid rgba(0,0,0,.06);padding:20px}.search-input-container{position:relative;width:100%}.search-icon{color:#64748b;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s}.blocks-search-input{background:#f1f5f9;border:2px solid transparent;border-radius:12px;color:#0f172a;font-size:14px;font-weight:500;outline:none;padding:12px 16px 12px 44px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.blocks-search-input:hover{background:#e2e8f0}.blocks-search-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a,0 1px 2px #0000000d}.blocks-search-input:focus+.search-icon{color:#6366f1}.blocks-search-input::-moz-placeholder{color:#94a3b8;font-weight:400}.blocks-search-input::placeholder{color:#94a3b8;font-weight:400}.quick-add-section{background:#fff;margin:0;padding:24px}.quick-add-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-label{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.quick-add-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.quick-add-btn{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid rgba(226,232,240,.8);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:16px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-add-btn:before{background:linear-gradient(135deg,transparent,rgba(99,102,241,.1));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.quick-add-btn:hover{background:#fff;border-color:#6366f1;box-shadow:0 12px 24px -8px #6366f140;transform:translateY(-4px) scale(1.02)}.quick-add-btn:hover:before{opacity:1}.quick-add-btn:active{box-shadow:0 8px 16px -8px #6366f140;transform:translateY(-2px) scale(1)}.quick-add-btn.pulse{animation:modernPulse .6s cubic-bezier(.4,0,.2,1)}.quick-add-icon{align-items:center;border-radius:12px;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.quick-add-icon:after{background:linear-gradient(135deg,var(--icon-gradient-start),var(--icon-gradient-end));border-radius:14px;content:"";top:-2px;right:-2px;bottom:-2px;left:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity .3s}.quick-add-icon.icon-heading{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;--icon-gradient-start:#fbbf24;--icon-gradient-end:#f59e0b}.quick-add-icon.icon-text{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;--icon-gradient-start:#60a5fa;--icon-gradient-end:#3b82f6}.quick-add-icon.icon-image{background:linear-gradient(135deg,#34d399,#10b981);color:#fff;--icon-gradient-start:#34d399;--icon-gradient-end:#10b981}.quick-add-icon.icon-button{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;--icon-gradient-start:#a78bfa;--icon-gradient-end:#8b5cf6}.quick-add-icon.icon-video{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff;--icon-gradient-start:#f87171;--icon-gradient-end:#ef4444}.quick-add-icon.icon-columns{background:linear-gradient(135deg,#f9a8d4,#ec4899);color:#fff;--icon-gradient-start:#f9a8d4;--icon-gradient-end:#ec4899}.quick-add-btn:hover .quick-add-icon{transform:scale(1.1) rotate(5deg)}.quick-add-btn:hover .quick-add-icon:after{opacity:1}.quick-add-icon svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));height:20px;width:20px}.quick-add-label{color:#334155;font-size:12px;font-weight:600;line-height:1.2;text-align:center;transition:color .3s}.quick-add-btn:hover .quick-add-label{color:#6366f1}.all-elements-section{background:#fff;border-bottom:1px solid rgba(0,0,0,.05);padding:24px;position:sticky;top:0;z-index:10}.elements-header{align-items:center;display:flex;justify-content:space-between;width:100%}.header-left{align-items:baseline;gap:12px}.elements-count{background:#f1f5f9;border-radius:20px;color:#64748b;font-size:12px;font-weight:500;padding:4px 10px}.header-actions{gap:8px}.view-toggle{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.view-toggle:hover{background:#fff;border-color:#6366f1;box-shadow:0 4px 12px -2px #6366f126;color:#6366f1;transform:scale(1.05)}.view-toggle:active{transform:scale(.98)}.blocks-container{flex:1;overflow-x:hidden;overflow-y:auto;padding-bottom:20px}.blocks-container::-webkit-scrollbar{width:6px}.blocks-container::-webkit-scrollbar-track{background:transparent}.blocks-container::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.blocks-container::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.block-category-section{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000d;margin-bottom:16px;padding:20px 24px;transition:all .3s}.block-category-section:hover{box-shadow:0 4px 12px #00000014}.category-header{align-items:center;display:flex;gap:8px;margin-bottom:20px}.category-header:before{background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:2px;content:"";height:20px;width:4px}.block-category-section:has(.section-label:contains("Texte")) .category-header:before{background:linear-gradient(180deg,#3b82f6,#60a5fa)}.block-category-section:has(.section-label:contains("Médias")) .category-header:before{background:linear-gradient(180deg,#10b981,#34d399)}.block-category-section:has(.section-label:contains("Mise en page")) .category-header:before{background:linear-gradient(180deg,#6366f1,#818cf8)}.block-category-section:has(.section-label:contains("Interactif")) .category-header:before{background:linear-gradient(180deg,#8b5cf6,#a78bfa)}.block-category-section:has(.section-label:contains("Pédagogique")) .category-header:before{background:linear-gradient(180deg,#f59e0b,#fbbf24)}.category-blocks-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.blocks-container .element-btn{align-items:center!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background:linear-gradient(135deg,#fff,#f8fafc)!important;border:1.5px solid rgba(226,232,240,.8)!important;border-radius:16px!important;box-shadow:none!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif!important;gap:8px!important;height:auto!important;margin:0!important;outline:none!important;overflow:hidden!important;padding:16px 12px!important;position:relative!important;text-decoration:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.blocks-container .element-btn:before{background:linear-gradient(135deg,transparent,rgba(99,102,241,.1))!important;bottom:0!important;content:""!important;left:0!important;opacity:0!important;pointer-events:none!important;position:absolute!important;right:0!important;top:0!important;transition:opacity .3s!important}.blocks-container .element-btn:hover{background:#fff!important;border-color:#6366f1!important;box-shadow:0 12px 24px -8px #6366f140!important;transform:translateY(-4px) scale(1.02)!important}.blocks-container .element-btn:hover:before{opacity:1!important}.blocks-container .element-btn:active{box-shadow:0 8px 16px -8px #6366f140!important;transform:translateY(-2px) scale(1)!important}.blocks-container .element-btn.pulse{animation:modernPulse .6s cubic-bezier(.4,0,.2,1)!important}@keyframes modernPulse{0%{transform:scale(1)}25%{transform:scale(.94)}50%{transform:scale(.96)}75%{transform:scale(1.04)}to{transform:scale(1)}}.blocks-container .element-btn.dragging{opacity:.5!important;transform:scale(.95)!important}.blocks-container .element-icon{align-items:center!important;border-radius:12px!important;display:flex!important;height:40px!important;justify-content:center!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:40px!important}.blocks-container .element-icon:after{background:linear-gradient(135deg,var(--icon-gradient-start),var(--icon-gradient-end))!important;border-radius:14px!important;content:""!important;top:-2px!important;right:-2px!important;bottom:-2px!important;left:-2px!important;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;opacity:0!important;padding:2px!important;position:absolute!important;transition:opacity .3s!important}.blocks-container .element-icon svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))!important;height:20px!important;width:20px!important}.blocks-panel .element-icon.icon-heading{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#fff!important;--icon-gradient-start:#fbbf24;--icon-gradient-end:#f59e0b}.blocks-panel .element-icon.icon-text{background:linear-gradient(135deg,#60a5fa,#3b82f6)!important;color:#fff!important;--icon-gradient-start:#60a5fa;--icon-gradient-end:#3b82f6}.blocks-panel .element-icon.icon-list{background:linear-gradient(135deg,#818cf8,#6366f1)!important;color:#fff!important;--icon-gradient-start:#818cf8;--icon-gradient-end:#6366f1}.blocks-panel .element-icon.icon-quote{background:linear-gradient(135deg,#f9a8d4,#ec4899)!important;color:#fff!important;--icon-gradient-start:#f9a8d4;--icon-gradient-end:#ec4899}.blocks-panel .element-icon.icon-image{background:linear-gradient(135deg,#34d399,#10b981)!important;color:#fff!important;--icon-gradient-start:#34d399;--icon-gradient-end:#10b981}.blocks-panel .element-icon.icon-video{background:linear-gradient(135deg,#f87171,#ef4444)!important;color:#fff!important;--icon-gradient-start:#f87171;--icon-gradient-end:#ef4444}.blocks-panel .element-icon.icon-section{background:linear-gradient(135deg,#818cf8,#6366f1)!important;color:#fff!important;--icon-gradient-start:#818cf8;--icon-gradient-end:#6366f1}.blocks-panel .element-icon.icon-columns{background:linear-gradient(135deg,#f9a8d4,#ec4899)!important;color:#fff!important;--icon-gradient-start:#f9a8d4;--icon-gradient-end:#ec4899}.blocks-panel .element-icon.icon-divider{background:linear-gradient(135deg,#cbd5e1,#94a3b8)!important;color:#fff!important;--icon-gradient-start:#cbd5e1;--icon-gradient-end:#94a3b8}.blocks-panel .element-icon.icon-button{background:linear-gradient(135deg,#a78bfa,#8b5cf6)!important;color:#fff!important;--icon-gradient-start:#a78bfa;--icon-gradient-end:#8b5cf6}.blocks-panel .element-icon.icon-link{background:linear-gradient(135deg,#38bdf8,#06b6d4)!important;color:#fff!important;--icon-gradient-start:#38bdf8;--icon-gradient-end:#06b6d4}.blocks-panel .element-icon.icon-download{background:linear-gradient(135deg,#34d399,#10b981)!important;color:#fff!important;--icon-gradient-start:#34d399;--icon-gradient-end:#10b981}.blocks-panel .element-icon.icon-info-box{background:linear-gradient(135deg,#60a5fa,#3b82f6)!important;color:#fff!important;--icon-gradient-start:#60a5fa;--icon-gradient-end:#3b82f6}.blocks-panel .element-icon.icon-warning-box{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#fff!important;--icon-gradient-start:#fbbf24;--icon-gradient-end:#f59e0b}.blocks-panel .element-icon.icon-success-box{background:linear-gradient(135deg,#34d399,#10b981)!important;color:#fff!important;--icon-gradient-start:#34d399;--icon-gradient-end:#10b981}.blocks-panel .element-icon.icon-code{background:linear-gradient(135deg,#c084fc,#a855f7)!important;color:#fff!important;--icon-gradient-start:#c084fc;--icon-gradient-end:#a855f7}.blocks-container .element-btn:hover .element-icon{transform:scale(1.1) rotate(5deg)!important}.blocks-container .element-btn:hover .element-icon:after{opacity:1!important}.blocks-container .element-label{color:#334155!important;font-size:12px!important;font-weight:600!important;line-height:1.2!important;margin:0!important;padding:0!important;text-align:center!important;transition:color .3s!important}.blocks-container .element-btn:hover .element-label{color:#6366f1!important}.element-badge{border-radius:50%;height:8px;position:absolute;right:8px;top:8px;width:8px;z-index:2}.element-badge.popular{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.element-badge.new{animation:pulse 2s ease-in-out infinite;background:#10b981;box-shadow:0 0 0 2px #10b98133}.templates-cta{background:#fff;border-top:1px solid rgba(0,0,0,.05);margin-top:auto;padding:24px}.templates-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.templates-btn:before{background:linear-gradient(135deg,#818cf8,#a78bfa);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.templates-btn:hover{box-shadow:0 20px 40px -12px #6366f159;transform:translateY(-2px)}.templates-btn:hover:before{opacity:1}.templates-btn:active{box-shadow:0 10px 20px -12px #6366f159;transform:translateY(-1px)}.templates-btn-content{align-items:center;display:flex;gap:10px;position:relative;z-index:1}.sparkles-icon{animation:sparkle 3s ease-in-out infinite}@keyframes sparkle{0%,to{filter:brightness(1);transform:scale(1) rotate(0)}25%{filter:brightness(1.2);transform:scale(1.1) rotate(90deg)}50%{filter:brightness(1.4);transform:scale(1) rotate(180deg)}75%{filter:brightness(1.2);transform:scale(1.1) rotate(270deg)}}.chevron-icon{opacity:.9;position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1}.templates-btn:hover .chevron-icon{transform:translate(4px)}.category-blocks-list{display:flex;flex-direction:column;gap:8px}.element-btn-list{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;font-family:inherit;overflow:hidden;padding:0;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.element-btn-list:hover{background:linear-gradient(90deg,#f8fafc 0,#fff);border-color:#6366f1;box-shadow:0 8px 24px -8px #6366f133;transform:translate(8px)}.element-btn-list:active{transform:translate(4px)}.element-btn-list.pulse{animation:listPulse .6s cubic-bezier(.4,0,.2,1)}@keyframes listPulse{0%{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}to{transform:translate(0)}}.element-list-content{align-items:center;display:flex;gap:16px;padding:16px;width:100%}.element-icon-small{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.element-icon-small svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));height:24px;width:24px}.element-icon-small.icon-heading{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.element-icon-small.icon-text{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.element-icon-small.icon-list{background:linear-gradient(135deg,#818cf8,#6366f1);color:#fff}.element-icon-small.icon-quote{background:linear-gradient(135deg,#f9a8d4,#ec4899);color:#fff}.element-icon-small.icon-image{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.element-icon-small.icon-video{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.element-icon-small.icon-section{background:linear-gradient(135deg,#818cf8,#6366f1);color:#fff}.element-icon-small.icon-columns{background:linear-gradient(135deg,#f9a8d4,#ec4899);color:#fff}.element-icon-small.icon-divider{background:linear-gradient(135deg,#cbd5e1,#94a3b8);color:#fff}.element-icon-small.icon-button{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff}.element-icon-small.icon-link{background:linear-gradient(135deg,#38bdf8,#06b6d4);color:#fff}.element-icon-small.icon-download{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.element-icon-small.icon-info-box{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.element-icon-small.icon-warning-box{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.element-icon-small.icon-success-box{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.element-icon-small.icon-code{background:linear-gradient(135deg,#c084fc,#a855f7);color:#fff}.element-btn-list:hover .element-icon-small{transform:scale(1.1) rotate(5deg)}.element-info{display:flex;flex:1;flex-direction:column;gap:4px}.element-name{color:#0f172a;font-size:14px;font-weight:600;transition:color .3s}.element-description{color:#64748b;font-size:12px;line-height:1.4}.element-btn-list:hover .element-name{color:#6366f1}.element-drag-handle{color:#cbd5e1;padding:8px;transition:all .3s}.element-btn-list:hover .element-drag-handle{color:#6366f1}.element-btn-list.dragging{opacity:.5;transform:scale(.98)}.sidebar.collapsed .blocks-panel{align-items:center;display:flex;flex-direction:column;padding:8px}.sidebar.collapsed .block-item{height:48px;padding:8px;width:48px}.sidebar.collapsed .block-label{display:none}.sidebar.collapsed .block-icon{height:32px;width:32px}.templates-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.templates-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 32px}.modal-header h2{color:#111827;font-size:24px;font-weight:700;margin:0}.modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.modal-close:hover{background:#e5e7eb;color:#374151}.templates-categories{border-bottom:1px solid #e5e7eb;display:flex;gap:8px;overflow-x:auto;padding:20px 32px}.category-btn{background:#fff;border:1px solid #e5e7eb;border-radius:24px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s;white-space:nowrap}.category-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.category-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.templates-grid{display:grid;flex:1;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));overflow-y:auto;padding:32px}.template-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s}.template-item:hover{border-color:#6366f1;box-shadow:0 12px 24px -8px #00000026;transform:translateY(-4px)}.template-item.create-new{align-items:center;border:2px dashed #d1d5db;display:flex;flex-direction:column;justify-content:center;min-height:280px}.template-item.create-new:hover{background:#f0f9ff;border-color:#6366f1}.create-preview{align-items:center;background:#eff6ff;border-radius:16px;color:#6366f1;display:flex;height:120px;justify-content:center;margin-bottom:16px;width:120px}.template-actions{display:flex;gap:8px;opacity:0;position:absolute;right:12px;top:12px;transition:opacity .2s;z-index:10}.template-item:hover .template-actions{opacity:1}.action-btn{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.action-btn:hover{background:#f3f4f6;color:#374151}.action-btn.delete:hover{background:#fee2e2;color:#dc2626}.template-content{display:flex;flex-direction:column;height:100%}.template-preview{background:#f9fafb;height:160px;overflow:hidden;position:relative}.template-thumbnail{color:#6b7280;font-size:12px;padding:16px}.template-placeholder,.template-thumbnail{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.template-placeholder{color:#cbd5e1}.template-item h4{color:#111827;font-size:16px;font-weight:600;margin:0;padding:16px 20px 8px}.template-item p{color:#6b7280;font-size:14px;line-height:1.5;margin:0;padding:0 20px 20px}.save-template-form{margin:0 auto;max-width:600px;padding:32px;width:100%}.form-group{margin-bottom:24px}.form-group label{color:#374151;font-size:14px;font-weight:600;margin-bottom:8px}.form-input,.form-select,.form-textarea{border:1px solid #e5e7eb;color:#111827;font-size:14px;padding:12px 16px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-textarea{font-family:inherit}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-secondary{background:#f3f4f6;color:#6b7280}.btn-secondary:hover{background:#e5e7eb;color:#374151}.btn-primary{background:#6366f1}.btn-primary:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.btn-primary:disabled{background:#9ca3af;box-shadow:none;transform:none}.modal-fade-enter-active .templates-modal,.modal-fade-leave-active .templates-modal{transition:transform .3s ease}.modal-fade-enter-from .templates-modal,.modal-fade-leave-to .templates-modal{transform:scale(.95) translateY(20px)}.gjs-dragging{cursor:ns-resize!important}.vertical-drag-guide{background:#6366f1;display:none;opacity:.3;pointer-events:none;position:fixed;width:2px;z-index:9999}.gjs-dragging .vertical-drag-guide{display:block}.drop-line-indicator{box-shadow:0 0 8px #3b82f699!important;left:0!important;opacity:1!important;position:fixed!important;right:0!important;transition:all .15s cubic-bezier(.4,0,.2,1)!important}.drop-line-indicator:after,.drop-line-indicator:before{box-shadow:0 0 6px #3b82f680!important;height:10px!important;width:10px!important}.drop-line-indicator:before{left:-12px!important}.drop-line-indicator:after{right:-12px!important}@keyframes dropLineAppear{0%{opacity:0;transform:scaleX(.8)}to{opacity:1;transform:scaleX(1)}}.drop-line-indicator.show{animation:dropLineAppear .2s ease-out}.lesson-container,.newsletter-container{min-height:100px;transition:all .3s}.lesson-container.drag-over,.newsletter-container.drag-over{background:#3b82f60d!important;outline:2px dashed #3b82f6!important;outline-offset:-2px!important}.lesson-container:empty:after,.newsletter-container:empty:after{border:2px dashed #e5e7eb;color:#9ca3af;content:"Glissez des éléments ici";height:100px;margin:20px;transition:all .3s}.lesson-container:empty.drag-over:after,.newsletter-container:empty.drag-over:after{background:#3b82f60d;border-color:#3b82f6;color:#3b82f6}.gjs-sorter-placeholder{background:transparent!important;border:none!important;position:relative!important}.gjs-sorter-placeholder:after{background:#3b82f6;box-shadow:0 0 8px #3b82f699;content:"";height:3px;left:0;position:absolute;right:0;top:-1.5px}.lesson-container>*,.newsletter-container>*{margin-bottom:16px;position:relative}.lesson-container>:last-child,.newsletter-container>:last-child{margin-bottom:0}.gjs-comp-dragging{filter:drop-shadow(0 8px 16px rgba(0,0,0,.15))!important;opacity:.6!important;transform:translateY(var(--drag-y,0))!important;transform-origin:center!important}.gjs-highlighter{border-radius:4px!important;outline:2px solid #3b82f6!important;outline-offset:2px!important}.gjs-block-dragging{cursor:ns-resize!important;opacity:.5!important}.gjs-frame.drag-active{background:#3b82f605!important}.gjs-drag-helper{background:#fff!important;border:2px solid #3b82f6!important;border-radius:8px!important;box-shadow:0 8px 24px #00000026!important;color:#1e293b!important;cursor:ns-resize!important;font-size:14px!important;font-weight:500!important;padding:8px 16px!important;pointer-events:none!important;z-index:99999!important}:deep(.gjs-frame) .gjs-comp-dragging{left:auto!important;right:auto!important}.vertical-drag-placeholder{animation:placeholderPulse .5s ease!important;background:#3b82f6!important;box-shadow:0 0 10px #3b82f680!important;height:3px!important;margin:8px 0!important;pointer-events:none!important;position:relative!important}@keyframes placeholderPulse{0%{opacity:0;transform:scaleX(.8)}to{opacity:1;transform:scaleX(1)}}.gjs-vertical-dragging{cursor:ns-resize!important;opacity:.4!important;position:relative!important;z-index:9999!important}.vertical-guide-line{background:#3b82f64d!important;bottom:0!important;pointer-events:none!important;position:fixed!important;top:0!important;transition:opacity .2s ease!important;width:2px!important;z-index:99998!important}.drop-line-indicator{background:#3b82f6!important;box-shadow:0 0 10px #3b82f699!important;height:3px!important;pointer-events:none!important;position:absolute!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;z-index:99999!important}.drop-line-indicator:after,.drop-line-indicator:before{background:#3b82f6!important;border-radius:50%!important;box-shadow:0 0 8px #3b82f666!important;content:""!important;height:12px!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:12px!important}.drop-line-indicator:before{left:-15px!important}.drop-line-indicator:after{right:-15px!important}.lesson-container.vertical-drag-active,.newsletter-container.vertical-drag-active{background:#3b82f608!important;outline:2px dashed rgba(59,130,246,.2)!important;outline-offset:-2px!important;transition:all .3s ease!important}.gjs-comp-hover.vertical-drag{outline:2px solid rgba(59,130,246,.5)!important;outline-offset:-2px!important}.lesson-container>:not(.gjs-vertical-dragging),.newsletter-container>:not(.gjs-vertical-dragging){transition:transform .2s cubic-bezier(.4,0,.2,1)!important}.gjs-ghost{filter:drop-shadow(0 4px 16px rgba(0,0,0,.2))!important;opacity:.7!important}.gjs-cv-canvas.vertical-dragging{overflow-x:hidden!important}.drop-zone-active{background:linear-gradient(180deg,rgba(59,130,246,.05),transparent)!important}.drop-position-indicator{animation:fadeIn .2s ease forwards;height:0!important;left:0!important;opacity:0;pointer-events:none!important;position:absolute!important;right:0!important;z-index:99999!important}@keyframes fadeIn{to{opacity:1}}.drop-line{background:#3b82f6!important;border-radius:2px!important;box-shadow:0 0 0 1px #3b82f633,0 0 20px #3b82f666,0 0 40px #3b82f633!important;height:3px!important;left:20px!important;position:absolute!important;right:20px!important}.drop-line:before{background:linear-gradient(180deg,rgba(59,130,246,.1) 0,rgba(59,130,246,.05) 50%,transparent);content:"";height:23px;left:0;position:absolute;right:0;top:-10px}.drop-line-end{background:#3b82f6!important;border:2px solid #fff!important;border-radius:50%!important;box-shadow:0 0 0 1px #3b82f633,0 0 10px #3b82f680,0 2px 4px #0000001a!important;height:12px!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:12px!important}.drop-line-end.left{left:8px!important}.drop-line-end.right{right:8px!important}.gjs-vertical-dragging{filter:blur(.5px)!important;opacity:.3!important;pointer-events:none!important}.gjs-vertical-dragging+:not(.drop-position-indicator){margin-top:20px!important}.lesson-container,.newsletter-container{position:relative}.lesson-container.drop-zone-active:before,.newsletter-container.drop-zone-active:before{animation:dashAnimation 20s linear infinite;border:2px dashed rgba(59,130,246,.2);border-radius:8px;content:"";top:-2px;right:-2px;bottom:-2px;left:-2px;pointer-events:none;position:absolute}@keyframes dashAnimation{to{stroke-dashoffset:-1000}}.lesson-container:empty:after,.newsletter-container:empty:after{align-items:center;background:#f1f5f980;border:2px dashed #e2e8f0;border-radius:8px;color:#94a3b8;content:"Glissez un élément ici";display:flex;font-size:14px;font-weight:500;justify-content:center;margin:16px;min-height:100px;transition:all .3s ease}.lesson-container:empty.drop-zone-active:after,.newsletter-container:empty.drop-zone-active:after{background:#3b82f60d;border-color:#3b82f6;color:#3b82f6}.gjs-cv-canvas.dragging-active,.gjs-cv-canvas.dragging-active *{cursor:ns-resize!important}.gjs-hovered.gjs-vertical-dragging,.gjs-placeholder.gjs-vertical-dragging,.gjs-selected-parent.gjs-vertical-dragging{box-shadow:none!important;outline:none!important}.lesson-grapesjs-wrapper{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.lesson-grapesjs-wrapper .editor-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;padding:.75rem 1rem}.lesson-grapesjs-wrapper .editor-toolbar .toolbar-section{display:flex;gap:.5rem}.lesson-grapesjs-wrapper .editor-toolbar .toolbar-btn{align-items:center;background:transparent;border:none;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.lesson-grapesjs-wrapper .editor-toolbar .toolbar-btn:hover{background:#f8f9fa;color:#495057}.lesson-grapesjs-wrapper .editor-toolbar .toolbar-btn.active{background:#e7f3ff;color:#06c}.lesson-grapesjs-wrapper .editor-container{display:flex;flex:1;overflow:hidden;position:relative}.lesson-grapesjs-wrapper .editor-container.fullscreen{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.lesson-grapesjs-wrapper .editor-sidebar{background:#fff;border-right:1px solid #e9ecef;display:flex;flex-direction:column;overflow:hidden;transition:width .3s ease;width:0}.lesson-grapesjs-wrapper .editor-sidebar.open{width:280px}.lesson-grapesjs-wrapper .editor-sidebar .panel-content{flex:1;overflow-y:auto}.lesson-grapesjs-wrapper .editor-sidebar .panel-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:1rem}.lesson-grapesjs-wrapper .editor-sidebar .panel-header h3{color:#495057;font-size:1rem;font-weight:600;margin:0 0 .75rem}.lesson-grapesjs-wrapper .editor-sidebar .block-search{border:1px solid #dee2e6;border-radius:4px;font-size:.875rem;outline:none;padding:.5rem .75rem;transition:border-color .15s;width:100%}.lesson-grapesjs-wrapper .editor-sidebar .block-search:focus{border-color:#06c}.lesson-grapesjs-wrapper #blocks,.lesson-grapesjs-wrapper .blocks-container{display:grid;gap:.5rem;grid-template-columns:1fr;padding:.75rem}.lesson-grapesjs-wrapper .editor-canvas-wrapper{background:#f8f9fa;flex:1;overflow:hidden;position:relative}.lesson-grapesjs-wrapper #gjs-lesson-editor{height:100%;width:100%}.lesson-grapesjs-wrapper :deep(.gjs-cv-canvas){background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;margin:20px auto;overflow:hidden}.lesson-grapesjs-wrapper :deep(.gjs-block){align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;cursor:move;display:flex;margin-bottom:8px;min-height:50px;padding:12px;text-align:left;transition:all .2s}.lesson-grapesjs-wrapper :deep(.gjs-block):hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626;transform:translateY(-1px)}.lesson-grapesjs-wrapper :deep(.gjs-block-category){border-bottom:1px solid #e9ecef;color:#495057;font-size:.875rem;font-weight:600;margin-bottom:.75rem;padding:.75rem 0 .5rem}.lesson-grapesjs-wrapper :deep(.gjs-selected){outline:2px solid #3b82f6!important;outline-offset:2px}.lesson-grapesjs-wrapper :deep(.gjs-toolbar){background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 2px 8px #0000001a;padding:4px}.lesson-grapesjs-wrapper :deep(.gjs-toolbar-item){border-radius:4px;color:#495057;padding:6px 8px}.lesson-grapesjs-wrapper :deep(.gjs-toolbar-item):hover{background:#f8f9fa;color:#06c}.lesson-grapesjs-wrapper :deep(.gjs-layers){padding:.75rem}.lesson-grapesjs-wrapper :deep(.gjs-layer){font-size:.875rem}.lesson-grapesjs-wrapper :deep(.gjs-sm-sectors),.lesson-grapesjs-wrapper :deep(.gjs-trt-traits){padding:.75rem}.lesson-grapesjs-wrapper :deep(.gjs-sm-sector-title),.lesson-grapesjs-wrapper :deep(.gjs-trt-trait__wrp-title){background:#f8f9fa;border-bottom:1px solid #e9ecef;color:#495057;font-size:.875rem;font-weight:600;margin:0 -.75rem .75rem;padding:.5rem .75rem}.lesson-grapesjs-wrapper :deep(.gjs-field){background:#fff;border:1px solid #dee2e6;border-radius:4px;font-size:.875rem;padding:.375rem .75rem;transition:border-color .15s}.lesson-grapesjs-wrapper :deep(.gjs-field):focus{border-color:#06c;outline:none}.lesson-grapesjs-wrapper :deep(.gjs-rte-toolbar){background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 2px 8px #0000001a}.lesson-grapesjs-wrapper :deep(.gjs-rte-action){border-radius:4px;color:#495057;padding:6px 10px}.lesson-grapesjs-wrapper :deep(.gjs-rte-action):hover{background:#f8f9fa;color:#06c}.lesson-grapesjs-wrapper :deep(.gjs-rte-active){background:#e7f3ff;color:#06c}.email-builder-container{background:#f8f9fc;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.email-builder-container .gjs-toolbar svg{display:inline-block!important;height:16px!important;vertical-align:middle!important;width:16px!important}.editor-header{background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 2px 8px #00000014;justify-content:space-between;padding:1rem 1.5rem;z-index:100}.editor-header,.header-left{align-items:center;display:flex}.header-left{flex:1;gap:1rem}.template-title-wrapper{flex:1;max-width:500px}.template-title-input{background:transparent;border:none;border-radius:8px;font-size:1.25rem;font-weight:600;outline:none;padding:.5rem .75rem;transition:all .2s;width:100%}.template-title-input:hover{background:#f8f9fc}.template-title-input:focus{background:#fff;box-shadow:0 0 0 2px #5e72e4}.save-status{align-items:center;color:#8392ab;display:flex;font-size:.875rem;gap:.5rem;margin-top:.25rem}.save-dot{background:#2dce89;border-radius:50%;height:6px;transition:all .3s;width:6px}.save-dot.saving{animation:pulse 1s infinite;background:#ffc107}.header-actions{align-items:center;display:flex;gap:.75rem}.action-group{display:flex;gap:.25rem}.divider{background-color:#e9ecef;height:24px;margin:0 .5rem;width:1px}.btn-icon{align-items:center;background:#f8f9fc;border:none;border-radius:8px;color:#5e72e4;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.btn-icon:hover:not(:disabled){background:#e9ecef;transform:translateY(-1px)}.btn-icon:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#525f7f;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.btn-secondary:hover{background:#f8f9fc;border-color:#cbd5e1;transform:translateY(-1px)}.btn-primary{align-items:center;background:linear-gradient(135deg,#5e72e4,#7b94ec);border:none;border-radius:8px;box-shadow:0 4px 12px #5e72e440;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1.25rem;transition:all .2s}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #5e72e44d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.editor-layout{height:100%}.editor-layout,.editor-wrapper{display:flex;flex:1;overflow:hidden;position:relative}#gjs,.editor-wrapper #gjs-editor,.gjs-editor{display:flex!important;height:100%!important;position:relative!important;width:100%!important}.gjs-editor{flex-direction:row!important}.gjs-editor>.gjs-cv-canvas{flex:1 1 auto!important;order:1!important}.gjs-editor>.gjs-pn-panels{flex:0 0 300px!important;order:2!important}.gjs-cv-canvas{background-color:#fff!important;background-color:#fafafa!important;background-image:radial-gradient(circle,#e2e5e8 1px,transparent 0)!important;flex:1!important;height:100%!important;margin:0!important;position:relative!important;width:auto!important}.gjs-cv-canvas,.gjs-cv-canvas:before{background-position:0 0!important;background-size:16px 16px!important}.gjs-cv-canvas:before{background-image:radial-gradient(circle,#dfe3e8 1px,transparent 0)!important;content:""!important;top:0!important;right:0!important;bottom:0!important;left:0!important;pointer-events:none!important;position:absolute!important;z-index:0!important}.gjs-cv-canvas__frames,.gjs-frame-wrapper{background:transparent!important}.gjs-pn-panels{border-left:1px solid #e9ecef!important;flex-direction:column!important;flex-shrink:0!important;height:100%!important;overflow-y:auto!important;position:relative!important;width:300px!important}.gjs-pn-panel,.gjs-pn-panels{background-color:#fff!important}.gjs-pn-panel{border:none!important;margin-bottom:1px!important}.gjs-pn-buttons{align-items:center!important;background:#fff!important;border-bottom:1px solid #f3f4f6!important;display:flex!important;flex-wrap:wrap!important;gap:.5rem!important;padding:.75rem 1rem!important}.gjs-pn-buttons:has(.gjs-pn-btn):before{color:#8b92a8;content:"";display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase;width:100%}#gjs-pn-options .gjs-pn-buttons:before{content:"Actions rapides"}#gjs-pn-views .gjs-pn-buttons:before{content:"Panneau d'édition"}#gjs-pn-devices-c{display:none!important}#gjs-pn-options .gjs-pn-buttons:before{content:"Actions"!important}#gjs-pn-views .gjs-pn-buttons:before{content:"Panneau d'édition"!important}#gjs-pn-devices-c .gjs-pn-buttons:before{content:"Prévisualisation"!important}.gjs-pn-btn{align-items:center!important;background-color:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;color:#64748b!important;display:inline-flex!important;height:36px!important;justify-content:center!important;margin:0!important;padding:0!important;position:relative!important;transition:all .15s!important;width:36px!important}.gjs-pn-btn .fa,.gjs-pn-btn i{font-size:16px!important;line-height:1!important}.gjs-pn-btn:hover{background-color:#fff!important;border-color:#cbd5e1!important;box-shadow:0 2px 4px #0000000a!important;color:#5e72e4!important;transform:translateY(-1px)!important}.gjs-pn-btn.gjs-pn-active{background-color:#5e72e4!important;border-color:#5e72e4!important;box-shadow:0 2px 8px #5e72e440!important;color:#fff!important}.gjs-pn-btn.gjs-pn-active:hover{background-color:#4c63d2!important;border-color:#4c63d2!important}.gjs-pn-btn[title]:after{background:#32325d;border-radius:6px;bottom:-32px;box-shadow:0 2px 8px #00000026;color:#fff;content:attr(title);font-size:.75rem;font-weight:500;left:50%;opacity:0;padding:.375rem .75rem;pointer-events:none;position:absolute;transform:translate(-50%) scale(.9);transition:all .2s;white-space:nowrap;z-index:1000}.gjs-pn-btn[title]:before{border-bottom:4px solid #32325d;border-left:4px solid transparent;border-right:4px solid transparent;bottom:-8px;content:"";height:0;left:50%;opacity:0;position:absolute;transform:translate(-50%);transition:opacity .2s;width:0}.gjs-pn-btn[title]:hover:after,.gjs-pn-btn[title]:hover:before{opacity:1;transform:translate(-50%) scale(1)}.gjs-pn-views-container{background:#fff!important;padding:1rem!important}.gjs-layers{background-color:#fff!important;padding:.5rem!important}.gjs-layer{border:1px solid transparent!important;border-radius:6px!important;margin:.25rem 0!important;padding:.5rem .75rem!important;transition:all .2s!important}.gjs-layer:hover{border-color:#e9ecef!important}.gjs-layer.gjs-selected{border-color:#5e72e4!important}.gjs-layer-title{font-size:.875rem!important;font-weight:500!important}.gjs-layer-count{background-color:#f8f9fc!important;border-radius:4px!important;font-size:.75rem!important;padding:.125rem .375rem!important}.gjs-layer-count,.gjs-layer-eye{color:#8392ab!important}.gjs-layer-eye:hover{color:#5e72e4!important}.gjs-layer-actions{opacity:0!important;transition:opacity .2s!important}.gjs-layer:hover .gjs-layer-actions{opacity:1!important}.gjs-sm-properties,.gjs-sm-sector,.gjs-sm-sectors{display:none!important;visibility:hidden!important}.gjs-one-bg.gjs-two-color{background:#f8f9fc;display:flex!important;flex-direction:row!important;height:100vh!important;visibility:visible!important}.gjs-field,.gjs-sm-field{background-color:#fff!important;border:1px solid #e9ecef!important;border-radius:6px!important;color:#32325d!important}.gjs-field:focus,.gjs-sm-field:focus{border-color:#5e72e4!important;box-shadow:0 0 0 3px #5e72e41a!important}.gjs-layer{background-color:transparent!important;color:#525f7f!important}.gjs-layer:hover{background-color:#f8f9fc!important}.gjs-layer.gjs-selected{background-color:#e7efff!important;color:#5e72e4!important}.gjs-layer-title{color:#32325d!important}.gjs-toolbar{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fffffffa!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:8px!important;box-shadow:0 2px 8px #00000014,0 0 0 1px #0000000a!important;display:inline-flex!important;flex-direction:row!important;gap:0!important;padding:6px!important}.gjs-toolbar svg{display:inline-block!important;height:16px!important;vertical-align:middle!important;width:16px!important;fill:currentColor!important;stroke:currentColor!important}.gjs-toolbar .toolbar-separator,.gjs-toolbar [class*=toolbar-separator],.gjs-toolbar span.toolbar-separator{background-color:#e2e8f0!important;display:inline-block!important;height:16px!important;margin:0 4px!important;opacity:.6!important;vertical-align:middle!important;width:1px!important}.gjs-toolbar-item{align-items:center!important;background-color:transparent!important;border:none!important;border-radius:6px!important;color:#64748b!important;cursor:pointer!important;display:inline-flex!important;flex-shrink:0!important;height:32px!important;justify-content:center!important;margin:0 2px!important;max-width:32px!important;min-width:32px!important;overflow:hidden!important;padding:0!important;position:relative!important;transition:all .15s cubic-bezier(.4,0,.2,1)!important;width:32px!important}.gjs-toolbar-item:hover{background-color:#3b82f61a!important;color:#3b82f6!important;transform:translateY(-1px)!important}.gjs-toolbar-item:active{background-color:#3b82f626!important;transform:scale(.95)!important}.gjs-toolbar-item span{display:none!important}.gjs-toolbar-item.toolbar-separator{align-self:center!important;background-color:#e2e8f0!important;border-radius:0!important;cursor:default!important;flex-shrink:0!important;height:20px!important;margin:0 4px!important;min-width:1px!important;padding:0!important;pointer-events:none!important;width:1px!important}.gjs-toolbar-item.toolbar-separator:hover{background-color:#e2e8f0!important;transform:none!important}.gjs-toolbar-item:after,.gjs-toolbar-item:before,.gjs-toolbar-item[title]:after,.gjs-toolbar-item[title]:before{display:none!important}.gjs-toolbar svg,.gjs-toolbar-item svg{display:inline-block!important;height:16px!important;vertical-align:middle!important;width:16px!important;fill:currentColor!important;stroke:currentColor!important}.gjs-toolbar-item[data-command=tlb-delete]:hover{background-color:#ef44441a!important;color:#ef4444!important}.gjs-toolbar-item[data-command=tlb-clone]:hover{background-color:#10b9811a!important;color:#10b981!important}.gjs-toolbar{opacity:1!important;pointer-events:all!important;transform:translateY(0) scale(1)!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}#gjs .gjs-cv-canvas__frames,.gjs-cv-canvas__frame,.gjs-frame-wrapper{background:none!important}.gjs-editor-cont{display:flex!important;flex-direction:row!important;height:100%!important;width:100%!important}.gjs-cv-canvas.gjs-no-touch-actions.gjs-cv-canvas-bg{flex:1 1 auto!important;order:1!important;position:relative!important;top:0;width:auto!important}.gjs-cv-canvas.gjs-no-touch-actions.gjs-cv-canvas-bg+.gjs-pn-panels{order:2!important;position:relative!important}.gjs-wrapper{min-height:100%!important;outline:2px dashed #cbd5e1!important;outline-offset:-2px!important;position:relative!important}.gjs-wrapper:hover{outline-color:#5e72e4!important}.gjs-comp-selected,.gjs-wrapper.gjs-selected{outline:2px solid #5e72e4!important}.gjs-comp-selected{outline-offset:-2px!important}.gjs-trt-trait{border-bottom:1px solid #f8f9fc!important}.gjs-clm-tags,.gjs-trt-trait,.gjs-trt-trait__wrp{background-color:#fff!important}.gjs-clm-tags{color:#32325d!important}.gjs-clm-tag,.gjs-clm-tags{border:1px solid #e9ecef!important}.gjs-clm-tag{background-color:#f8f9fc!important;color:#525f7f!important}.gjs-clm-tag:hover{background-color:#e9ecef!important}.gjs-frame{background-color:#fff!important;border:1px solid rgba(0,0,0,.05)!important;border-radius:12px!important;box-shadow:0 8px 24px #0000000f,0 2px 8px #0000000a!important;margin:2rem auto!important;max-width:calc(100% - 4rem)!important;min-height:600px!important}#wrapper,.gjs-dashed,[data-gjs-type=wrapper]{min-height:100vh!important;outline:1px dashed hsla(0,0%,67%,.5)!important;outline-offset:-2px!important;padding:10px!important;width:100%!important}#wrapper:empty:after,.gjs-dashed:empty:after,[data-gjs-type=wrapper]:empty:after{color:#999!important;content:"Glissez des éléments ici"!important;display:block!important;font-style:italic!important;padding:40px!important;text-align:center!important}.gjs-cv-canvas-bg{background:transparent!important}.gjs-cv-canvas__frames{padding:2rem!important}.gjs-device-manager,.gjs-layers,.gjs-layers-c,.gjs-sm-composite,.gjs-sm-field-box,.gjs-sm-properties,.gjs-sm-property__body{background-color:#fff!important}.gjs-two-color{width:100%!important}.gjs-one-color{color:#525f7f!important}.gjs-four-color{color:#8392ab!important}.gjs-blocks-cs,.gjs-open-blocks-btn,.gjs-pn-btn[title="Open Blocks"],[title="Open Blocks"]{display:none!important}.gjs-layers,.gjs-pn-options,.gjs-pn-views,.gjs-sm-sectors{display:block!important;visibility:visible!important}.editor-wrapper{display:flex!important;flex:1!important;position:relative!important}.editor-wrapper #gjs{height:100%!important;width:100%!important}.gjs-layers .gjs-nv-title{background-color:#f8f9fc!important;border-bottom:1px solid #e9ecef!important;color:#32325d!important;font-weight:600!important;margin-bottom:.5rem!important;padding:.75rem!important}.gjs-layers .gjs-layers-c{padding:.5rem!important}.gjs-layer-title-c{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.gjs-sm-property__body{padding:0!important;width:100%!important}.gjs-sm-property-label{margin-bottom:.5rem!important;width:100%!important}.gjs-sm-stack{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;margin-top:.5rem!important;padding:.75rem!important;width:100%!important}.gjs-sm-stack .gjs-sm-layer{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:6px!important;cursor:move!important;margin-bottom:.5rem!important;padding:.625rem!important;transition:all .2s!important}.gjs-sm-stack .gjs-sm-layer:last-child{margin-bottom:0!important}.gjs-sm-stack .gjs-sm-layer:hover{border-color:#cbd5e0!important;box-shadow:0 2px 8px #0000000f!important;transform:translateY(-1px)!important}.gjs-btn-prim,.gjs-sm-btn{align-items:center!important;background:#5e72e4!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 4px #5e72e433!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:500!important;height:36px!important;justify-content:center!important;min-width:80px!important;padding:0 1rem!important;transition:all .2s ease!important}.gjs-btn-prim:hover,.gjs-sm-btn:hover{background:#4c63d2!important;box-shadow:0 4px 8px #5e72e44d!important;transform:translateY(-1px)!important}.gjs-btn-prim:active,.gjs-sm-btn:active{transform:translateY(0)!important}.gjs-sm-composite-input,.gjs-sm-property-row{align-items:center!important;display:flex!important;gap:.5rem!important;width:100%!important}.gjs-sm-clear{clear:both!important;height:0!important;width:100%!important}.gjs-trt-traits{padding:.5rem!important}.gjs-trt-trait__label{color:#525f7f!important;font-size:.875rem!important;font-weight:500!important;margin-bottom:.375rem!important}.gjs-field input,.gjs-field textarea,.gjs-sm-field input,.gjs-sm-field textarea{box-sizing:border-box!important;font-family:inherit!important;width:100%!important}.gjs-sm-sector-open .gjs-sm-properties{display:block!important}.gjs-sm-sector:not(.gjs-sm-sector-open) .gjs-sm-properties{display:none!important}.gjs-sm-property .gjs-label{text-align:left!important;width:100%!important}.gjs-sm-property .gjs-field{box-sizing:border-box!important;width:100%!important}.gjs-btn-prim{background-color:#5e72e4!important;border:none!important;border-radius:6px!important;color:#fff!important}.gjs-btn-prim:hover{background-color:#4c63d2!important}.export-modal,.preview-modal,.settings-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.export-content,.preview-content,.settings-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.preview-content{width:1200px}.export-content,.settings-content{width:600px}.export-header,.preview-header,.settings-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.5rem}.export-header h3,.preview-header h3,.settings-header h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0}.preview-devices{border-bottom:1px solid #e9ecef;display:flex;gap:.5rem;padding:1rem 1.5rem}.device-btn{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.device-btn:hover{background:#f8f9fc}.device-btn.active{background:#5e72e4;border-color:#5e72e4;color:#fff}.preview-frame{background:#f5f5f5;flex:1;overflow:auto;padding:2rem}.preview-frame iframe{background:#fff;border:none;border-radius:8px;box-shadow:0 4px 12px #00000014;height:100%;transition:width .3s ease;width:100%}.preview-frame.device-tablet iframe{margin:0 auto;max-width:768px}.preview-frame.device-mobile iframe{margin:0 auto;max-width:375px}.export-body,.settings-body{flex:1;overflow-y:auto;padding:1.5rem}.export-footer{border-top:1px solid #e9ecef;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.export-info{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1;display:flex;font-size:.875rem;gap:.75rem;margin-top:1rem;padding:1rem}.export-info p{margin:0}.form-group{margin-bottom:1.5rem}.form-group label{color:#2d3748;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #e9ecef;border-radius:8px;font-size:.875rem;padding:.75rem 1rem;transition:all .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#5e72e4;box-shadow:0 0 0 3px #5e72e41a;outline:none}.form-textarea{min-height:80px;resize:vertical}.variables-list{display:flex;flex-wrap:wrap;gap:.5rem}.variable-chip{background:#e9ecef;border-radius:6px;color:#5e72e4;font-family:Courier New,monospace;font-size:.813rem;padding:.375rem .75rem}.toast{align-items:center;background:#fff;border-radius:8px;bottom:2rem;box-shadow:0 4px 12px #00000026;display:flex;gap:.75rem;left:50%;padding:.75rem 1.5rem;position:fixed;transform:translate(-50%);z-index:1100}.toast.success{border-left:4px solid #2dce89;color:#2dce89}.toast.error{border-left:4px solid #f5365c;color:#f5365c}.toast.info{border-left:4px solid #11cdef;color:#11cdef}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .3s ease}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.toast-slide-enter-active,.toast-slide-leave-active{transition:all .3s ease}.toast-slide-enter-from,.toast-slide-leave-to{opacity:0;transform:translate(-50%,100%)}.gjs-quick-panel{margin-bottom:1rem!important;padding:1rem!important}#quick-properties-container,.gjs-quick-panel{background:#fff!important;border-bottom:1px solid #e9ecef!important;display:block!important;visibility:visible!important}#quick-properties-container{min-height:60px!important;z-index:5}.quick-style-panel{display:flex;flex-direction:column;gap:1rem}.quick-style-group{display:flex;flex-direction:column;gap:.5rem}.quick-style-group label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.quick-style-group input[type=color],.quick-style-group select{background:#fff;border:1px solid #e9ecef;border-radius:6px;font-size:.875rem;padding:.5rem;transition:all .2s;width:100%}.quick-style-group input[type=color]:focus,.quick-style-group select:focus{border-color:#5e72e4;box-shadow:0 0 0 3px #5e72e41a;outline:none}.quick-style-group input[type=color]{cursor:pointer;height:36px;padding:.25rem}.quick-style-group input[type=color]::-webkit-color-swatch-wrapper{padding:0}.quick-style-group input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.quick-style-group input[type=number]{-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.quick-style-group input[type=number]::-webkit-inner-spin-button,.quick-style-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.quick-style-group input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e9ecef;border-radius:3px;height:6px;margin-top:.5rem;outline:none}.quick-style-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#5e72e4;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:16px;-webkit-transition:all .2s;transition:all .2s;width:16px}.quick-style-group input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 2px 8px #5e72e44d;transform:scale(1.1)}.quick-style-group input[type=range]::-moz-range-thumb{background:#5e72e4;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:16px;-moz-transition:all .2s;transition:all .2s;width:16px}.quick-style-group input[type=range]::-moz-range-thumb:hover{box-shadow:0 2px 8px #5e72e44d;transform:scale(1.1)}.quick-align-buttons,.quick-button-align-buttons,.quick-text-align-buttons,.quick-text-style{display:flex;gap:.25rem}.quick-align,.quick-button-align,.quick-style-btn,.quick-text-align{background:#fff;border:1px solid #e9ecef;border-radius:6px;color:#64748b;cursor:pointer;flex:1;font-size:.875rem;padding:.5rem;transition:all .2s}.quick-align svg,.quick-button-align svg,.quick-style-btn svg,.quick-text-align svg{display:inline-block;height:16px;vertical-align:middle;width:16px}.quick-align:hover,.quick-button-align:hover,.quick-style-btn:hover,.quick-text-align:hover{background:#f8f9fc;border-color:#cbd5e1;color:#334155}.quick-align.active,.quick-button-align.active,.quick-style-btn.active,.quick-text-align.active{background:#5e72e4;border-color:#5e72e4;color:#fff}.quick-align.active:hover,.quick-button-align.active:hover,.quick-style-btn.active:hover,.quick-text-align.active:hover{background:#4c63d2;border-color:#4c63d2}.quick-align i,.quick-button-align i,.quick-style-btn i,.quick-text-align i{pointer-events:none}.quick-border-controls,.quick-padding-controls,.quick-size-controls{align-items:center;display:flex;gap:.5rem}.quick-border-controls input,.quick-border-controls select,.quick-padding-controls input,.quick-padding-controls select,.quick-size-controls input,.quick-size-controls select{flex:0 0 auto}.quick-border-controls span,.quick-padding-controls span,.quick-size-controls span{color:#64748b;font-size:.875rem;white-space:nowrap}.radius-value{color:#64748b;display:inline-block;font-size:.75rem;margin-left:.5rem;min-width:40px}.quick-padding-controls-advanced{display:flex;flex-direction:column;gap:.75rem}.quick-padding-controls-advanced .padding-visual-editor{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem;position:relative}.quick-padding-controls-advanced .padding-visual-editor input[type=number]{background:#fff;border:1px solid #cbd5e0;border-radius:4px;font-size:.75rem;height:28px;text-align:center;width:45px}.quick-padding-controls-advanced .padding-visual-editor input[type=number]:focus{border-color:#5e72e4;box-shadow:0 0 0 2px #5e72e41a;outline:none}.quick-padding-controls-advanced .padding-visual-editor .padding-input-bottom,.quick-padding-controls-advanced .padding-visual-editor .padding-input-top{display:flex;justify-content:center;margin:.25rem 0}.quick-padding-controls-advanced .padding-visual-editor .padding-middle-row{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.quick-padding-controls-advanced .padding-visual-editor .padding-preview{align-items:center;background:#fff;border:1px dashed #cbd5e0;border-radius:4px;display:flex;flex:1;justify-content:center;min-height:50px;position:relative}.quick-padding-controls-advanced .padding-visual-editor .padding-preview .padding-label{color:#64748b;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.quick-padding-controls-simple{display:flex;flex-direction:column;gap:.5rem}.quick-padding-controls-simple .padding-input-group{align-items:center;display:flex;gap:.25rem}.quick-padding-controls-simple .padding-input-group input[type=number]{border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;height:32px;text-align:center;width:60px}.quick-padding-controls-simple .padding-input-group input[type=number]:focus{border-color:#5e72e4;box-shadow:0 0 0 2px #5e72e41a;outline:none}.quick-padding-controls-simple .padding-input-group .padding-control-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;transition:all .15s;width:28px}.quick-padding-controls-simple .padding-input-group .padding-control-btn:hover{background:#f8fafc;border-color:#cbd5e0;color:#334155}.quick-padding-controls-simple .padding-input-group .padding-control-btn:active{transform:scale(.95)}.quick-padding-controls-simple .padding-input-group .padding-unit{color:#64748b;font-size:.75rem;margin-left:.25rem}.quick-border-controls-advanced{display:flex;flex-direction:column;gap:.75rem}.quick-border-controls-advanced .border-width-control{align-items:center;display:flex;gap:.5rem}.quick-border-controls-advanced .border-width-control input[type=number]{border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;padding:.375rem .5rem;text-align:center;width:60px}.quick-border-controls-advanced .border-width-control input[type=number]:focus{border-color:#5e72e4;box-shadow:0 0 0 2px #5e72e41a;outline:none}.quick-border-controls-advanced .border-width-control .border-control-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;transition:all .15s;width:28px}.quick-border-controls-advanced .border-width-control .border-control-btn:hover{background:#f8fafc;border-color:#cbd5e0;color:#334155}.quick-border-controls-advanced .border-width-control .border-control-btn:active{transform:scale(.95)}.quick-border-controls-advanced .border-width-control .border-unit{color:#64748b;font-size:.75rem}.quick-border-controls-advanced .border-style-control select{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.875rem;padding:.5rem;width:100%}.quick-border-controls-advanced .border-style-control select:focus{border-color:#5e72e4;box-shadow:0 0 0 2px #5e72e41a;outline:none}.quick-border-controls-advanced .border-color-control{align-items:center;display:flex;gap:.5rem}.quick-border-controls-advanced .border-color-control input[type=color]{border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;height:32px;padding:2px;width:40px}.quick-border-controls-advanced .border-color-control input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.quick-border-controls-advanced .border-color-control input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.quick-border-controls-advanced .border-color-control .color-presets{display:flex;flex:1;gap:.25rem}.quick-border-controls-advanced .border-color-control .color-presets .color-preset{border:1px solid rgba(0,0,0,.1);border-radius:4px;cursor:pointer;height:24px;position:relative;transition:all .15s;width:24px}.quick-border-controls-advanced .border-color-control .color-presets .color-preset:hover{box-shadow:0 2px 4px #0003;transform:scale(1.1)}.quick-border-controls-advanced .border-color-control .color-presets .color-preset:active{transform:scale(.95)}.quick-border-controls-simple{display:flex;flex-direction:column;gap:.75rem}.quick-border-controls-simple .border-preset-buttons{display:flex;gap:.25rem}.quick-border-controls-simple .border-preset-buttons .border-preset{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;flex:1;font-size:.75rem;padding:.5rem .75rem;transition:all .15s}.quick-border-controls-simple .border-preset-buttons .border-preset:hover{background:#f8fafc;border-color:#cbd5e0;color:#334155}.quick-border-controls-simple .border-preset-buttons .border-preset.active{background:#5e72e4;border-color:#5e72e4;color:#fff}.quick-border-controls-simple .border-preset-buttons .border-preset.active:hover{background:#4c63d2;border-color:#4c63d2}.quick-border-controls-simple .border-color-row{align-items:center;display:flex;gap:.5rem}.quick-border-controls-simple .border-color-row input[type=color]{border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;height:32px;padding:2px;width:40px}.quick-border-controls-simple .border-color-row input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.quick-border-controls-simple .border-color-row input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.quick-border-controls-simple .border-color-row .color-presets{display:flex;flex:1;gap:.25rem}.quick-border-controls-simple .border-color-row .color-presets .color-preset{border:1px solid rgba(0,0,0,.1);border-radius:4px;cursor:pointer;height:24px;transition:all .15s;width:24px}.quick-border-controls-simple .border-color-row .color-presets .color-preset:hover{box-shadow:0 2px 4px #0003;transform:scale(1.1)}.quick-button-width-controls{display:flex;gap:.25rem}.quick-button-width-controls .button-width-preset{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;flex:1;font-size:.75rem;overflow:hidden;padding:.5rem .75rem;position:relative;transition:all .15s}.quick-button-width-controls .button-width-preset:hover{background:#f8fafc;border-color:#cbd5e0;color:#334155}.quick-button-width-controls .button-width-preset.active{background:#5e72e4;border-color:#5e72e4;color:#fff}.quick-button-width-controls .button-width-preset.active:hover{background:#4c63d2;border-color:#4c63d2}.quick-button-width-controls .button-width-preset .quick-button-width-custom{background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#334155;font-size:.75rem;margin-left:.25rem;padding:.25rem}.quick-button-width-controls .button-width-preset .quick-button-width-custom:focus{border-color:#5e72e4;outline:none}.quick-display-controls{display:flex;gap:.25rem}.quick-display-controls .display-preset{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;flex:1;font-size:.75rem;padding:.5rem .75rem;transition:all .15s}.quick-display-controls .display-preset:hover{background:#f8fafc;border-color:#cbd5e0;color:#334155}.quick-display-controls .display-preset.active{background:#5e72e4;border-color:#5e72e4;color:#fff}.quick-display-controls .display-preset.active:hover{background:#4c63d2;border-color:#4c63d2}.padding-shortcuts{display:flex;gap:.25rem}.padding-shortcuts .padding-preset{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;flex:1;font-size:.75rem;font-weight:500;padding:.375rem .5rem;transition:all .15s}.padding-shortcuts .padding-preset:hover{background:#f8fafc;border-color:#cbd5e0;color:#334155}.padding-shortcuts .padding-preset.active,.padding-shortcuts .padding-preset:active{background:#5e72e4;border-color:#5e72e4;color:#fff}.gjs-pn-views-container{display:flex;flex-direction:column;height:100%;overflow-y:auto}.gjs-pn-panels{display:flex!important;opacity:1!important;visibility:visible!important}.gjs-pn-panels .gjs-pn-panel{display:block!important;visibility:visible!important}.gjs-rte-toolbar{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#fffffffa!important;border:1px solid #e2e8f0!important;border-radius:10px!important;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a!important;display:inline-flex!important;gap:.25rem!important;opacity:1!important;padding:.375rem!important;position:absolute!important;visibility:visible!important;z-index:9999!important}.gjs-rte-actionbar{gap:.125rem!important}.gjs-rte-actionbar,.gjs-rte-actionbar button{align-items:center!important;display:flex!important}.gjs-rte-actionbar button{background:transparent!important;border:1.5px solid transparent!important;border-radius:8px!important;color:#1e293b!important;cursor:pointer!important;height:36px!important;justify-content:center!important;margin:0!important;position:relative!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;width:36px!important}.gjs-rte-actionbar button,.gjs-rte-actionbar button *{color:#1e293b!important}.gjs-rte-actionbar button .fa,.gjs-rte-actionbar button i,.gjs-rte-actionbar button svg{color:#1e293b!important;font-size:16px!important;font-weight:600!important;opacity:1!important}.gjs-rte-actionbar button:hover:not(.gjs-rte-active){background:#f1f5f9!important;border-color:transparent!important;color:#0f172a!important}.gjs-rte-actionbar button:hover:not(.gjs-rte-active),.gjs-rte-actionbar button:hover:not(.gjs-rte-active) *,.gjs-rte-actionbar button:hover:not(.gjs-rte-active) .fa,.gjs-rte-actionbar button:hover:not(.gjs-rte-active) i,.gjs-rte-actionbar button:hover:not(.gjs-rte-active) svg{color:#0f172a!important;opacity:1!important}.gjs-rte-actionbar button.gjs-rte-active{background:#5e72e4!important;border-color:#5e72e4!important;box-shadow:0 2px 8px #5e72e44d!important;color:#fff!important;transform:translateY(-1px)!important}.gjs-rte-actionbar button.gjs-rte-active .fa,.gjs-rte-actionbar button.gjs-rte-active i{font-weight:700!important;opacity:1!important}.gjs-rte-actionbar button.gjs-rte-active:after{background:#5e72e4;border-radius:1px;bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:16px}.gjs-rte-actionbar button:active{transform:scale(.95)!important}.gjs-rte-actionbar button:disabled{cursor:not-allowed!important;opacity:.4!important}.gjs-rte-actionbar button:disabled:hover{background:transparent!important;transform:none!important}.gjs-rte-actionbar .gjs-rte-separator{background:#e2e8f0!important;height:24px!important;margin:0 .375rem!important;width:1px!important}.gjs-rte-action{align-items:center;border-radius:5px;cursor:pointer;display:flex;justify-content:center;outline:none;padding:5px;text-align:center;transition-duration:.1s;width:25px}.gjs-rte-action:hover{background-color:#3b82f61a!important;color:#3b82f6!important;transform:translateY(-1px)!important}.gjs-rte-action[data-action=bold]{font-weight:700!important}.gjs-rte-action[data-action=italic]{font-style:italic!important}.gjs-rte-action[data-action=underline]{text-decoration:underline!important}.gjs-rte-action[data-action=strikethrough]{text-decoration:line-through!important}.gjs-rte-toolbar:before{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;bottom:-8px;content:"";filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:0;left:50%;position:absolute;transform:translate(-50%);width:0}.gjs-toolbar-items{display:contents}.gjs-rte-action{border-right:0!important}.gjs-rte-action[title] .fa,.gjs-rte-action[title] i{color:inherit!important}.gjs-rte-action,.gjs-rte-actionbar [data-action],.gjs-rte-actionbar button,.gjs-rte-toolbar [data-action],.gjs-rte-toolbar button,[class*=gjs-rte-action]{background-color:transparent!important;color:#1e293b!important}.gjs-rte-action .fa,.gjs-rte-action i,.gjs-rte-action span,.gjs-rte-action svg,.gjs-rte-action:before,.gjs-rte-actionbar [data-action] .fa,.gjs-rte-actionbar [data-action] i,.gjs-rte-actionbar [data-action] span,.gjs-rte-actionbar [data-action] svg,.gjs-rte-actionbar [data-action]:before,.gjs-rte-actionbar button .fa,.gjs-rte-actionbar button i,.gjs-rte-actionbar button span,.gjs-rte-actionbar button svg,.gjs-rte-actionbar button:before,.gjs-rte-toolbar [data-action] .fa,.gjs-rte-toolbar [data-action] i,.gjs-rte-toolbar [data-action] span,.gjs-rte-toolbar [data-action] svg,.gjs-rte-toolbar [data-action]:before,.gjs-rte-toolbar button .fa,.gjs-rte-toolbar button i,.gjs-rte-toolbar button span,.gjs-rte-toolbar button svg,.gjs-rte-toolbar button:before,[class*=gjs-rte-action] .fa,[class*=gjs-rte-action] i,[class*=gjs-rte-action] span,[class*=gjs-rte-action] svg,[class*=gjs-rte-action]:before{color:#1e293b!important}.gjs-rte-action.gjs-rte-active,.gjs-rte-action[class*=active],.gjs-rte-actionbar [data-action].gjs-rte-active,.gjs-rte-actionbar [data-action][class*=active],.gjs-rte-actionbar button.gjs-rte-active,.gjs-rte-actionbar button[class*=active],.gjs-rte-toolbar [data-action].gjs-rte-active,.gjs-rte-toolbar [data-action][class*=active],.gjs-rte-toolbar button.gjs-rte-active,.gjs-rte-toolbar button[class*=active],[class*=gjs-rte-action].gjs-rte-active,[class*=gjs-rte-action][class*=active]{background-color:#5e72e4!important;color:#fff!important}.gjs-rte-action.gjs-rte-active .fa,.gjs-rte-action.gjs-rte-active i,.gjs-rte-action.gjs-rte-active span,.gjs-rte-action.gjs-rte-active svg,.gjs-rte-action.gjs-rte-active:before,.gjs-rte-action[class*=active] .fa,.gjs-rte-action[class*=active] i,.gjs-rte-action[class*=active] span,.gjs-rte-action[class*=active] svg,.gjs-rte-action[class*=active]:before,.gjs-rte-actionbar [data-action].gjs-rte-active .fa,.gjs-rte-actionbar [data-action].gjs-rte-active i,.gjs-rte-actionbar [data-action].gjs-rte-active span,.gjs-rte-actionbar [data-action].gjs-rte-active svg,.gjs-rte-actionbar [data-action].gjs-rte-active:before,.gjs-rte-actionbar [data-action][class*=active] .fa,.gjs-rte-actionbar [data-action][class*=active] i,.gjs-rte-actionbar [data-action][class*=active] span,.gjs-rte-actionbar [data-action][class*=active] svg,.gjs-rte-actionbar [data-action][class*=active]:before,.gjs-rte-actionbar button.gjs-rte-active .fa,.gjs-rte-actionbar button.gjs-rte-active i,.gjs-rte-actionbar button.gjs-rte-active span,.gjs-rte-actionbar button.gjs-rte-active svg,.gjs-rte-actionbar button.gjs-rte-active:before,.gjs-rte-actionbar button[class*=active] .fa,.gjs-rte-actionbar button[class*=active] i,.gjs-rte-actionbar button[class*=active] span,.gjs-rte-actionbar button[class*=active] svg,.gjs-rte-actionbar button[class*=active]:before,.gjs-rte-toolbar [data-action].gjs-rte-active .fa,.gjs-rte-toolbar [data-action].gjs-rte-active i,.gjs-rte-toolbar [data-action].gjs-rte-active span,.gjs-rte-toolbar [data-action].gjs-rte-active svg,.gjs-rte-toolbar [data-action].gjs-rte-active:before,.gjs-rte-toolbar [data-action][class*=active] .fa,.gjs-rte-toolbar [data-action][class*=active] i,.gjs-rte-toolbar [data-action][class*=active] span,.gjs-rte-toolbar [data-action][class*=active] svg,.gjs-rte-toolbar [data-action][class*=active]:before,.gjs-rte-toolbar button.gjs-rte-active .fa,.gjs-rte-toolbar button.gjs-rte-active i,.gjs-rte-toolbar button.gjs-rte-active span,.gjs-rte-toolbar button.gjs-rte-active svg,.gjs-rte-toolbar button.gjs-rte-active:before,.gjs-rte-toolbar button[class*=active] .fa,.gjs-rte-toolbar button[class*=active] i,.gjs-rte-toolbar button[class*=active] span,.gjs-rte-toolbar button[class*=active] svg,.gjs-rte-toolbar button[class*=active]:before,[class*=gjs-rte-action].gjs-rte-active .fa,[class*=gjs-rte-action].gjs-rte-active i,[class*=gjs-rte-action].gjs-rte-active span,[class*=gjs-rte-action].gjs-rte-active svg,[class*=gjs-rte-action].gjs-rte-active:before,[class*=gjs-rte-action][class*=active] .fa,[class*=gjs-rte-action][class*=active] i,[class*=gjs-rte-action][class*=active] span,[class*=gjs-rte-action][class*=active] svg,[class*=gjs-rte-action][class*=active]:before{color:#fff!important}gjs-rte-action:hover{background-color:#f1f5f9!important;color:#0f172a!important}.gjs-rte-actionbar .fa:before,.gjs-rte-toolbar .fa:before{color:inherit!important}.gjs-rte-action[title=Bold].gjs-rte-active,.gjs-rte-action[title=Gras].gjs-rte-active{background:linear-gradient(135deg,#5e72e4,#7b94ec)!important}.gjs-rte-action[title=Italic].gjs-rte-active,.gjs-rte-action[title=Italique].gjs-rte-active{background:linear-gradient(135deg,#11cdef,#1ed8ff)!important}.gjs-rte-action[title=Souligné].gjs-rte-active,.gjs-rte-action[title=Underline].gjs-rte-active{background:linear-gradient(135deg,#2dce89,#3fe497)!important}.gjs-rte-action[title=Lien].gjs-rte-active,.gjs-rte-action[title=Link].gjs-rte-active{background:linear-gradient(135deg,#f5365c,#ff4066)!important}.gjs-rte-action[title]{position:relative}.gjs-rte-action[title]:after{background:#1e293b;border-radius:6px;bottom:-36px;box-shadow:0 2px 8px #00000026;color:#fff;content:attr(title);font-size:.75rem;font-weight:500;left:50%;opacity:0;padding:.375rem .75rem;pointer-events:none;position:absolute;transform:translate(-50%) scale(.9);transition:all .2s;white-space:nowrap;z-index:1000}.gjs-rte-action[title]:hover:after{opacity:1;transform:translate(-50%) scale(1)}@media (max-width:768px){.header-actions{flex-wrap:wrap}.preview-content,.settings-content{max-height:95vh;max-width:95vw}.preview-devices{overflow-x:auto}.gjs-quick-panel{padding:.75rem}.quick-style-group label{font-size:.7rem}}.page-enter-active,.page-leave-active{transition:all .3s}.page-enter-from,.page-leave-to{filter:blur(1rem);opacity:0}.fd-nav-content{height:600px}.condition-panel-range-set .range-select-type{padding-right:12px;width:50%}.ant-select,.ant-select ol,.ant-select ul{list-style:none;margin:0;padding:0}.ant-select{box-sizing:border-box;color:#000000a6;display:inline-block;font-feature-settings:"tnum";font-size:14px;font-variant:tabular-nums;line-height:1.5;outline:0;position:relative}.ant-select-arrow{color:inherit;display:inline-block;font-style:normal;line-height:0;text-align:center;text-rendering:optimizeLegibility;text-transform:none;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#00000040;font-size:12px;line-height:1;margin-top:-6px;position:absolute;right:11px;top:50%;transform-origin:50% 50%}.ant-select-arrow .ant-select-arrow-icon{display:block}.ant-select-arrow>*{line-height:1}.ant-select-arrow .ant-select-arrow-icon svg{transition:transform .3s}.ant-select-arrow svg{display:inline-block}.ant-select-dropdown-hidden{display:none}.ant-select-dropdown{background-color:#fff;border-radius:4px;box-shadow:0 2px 8px #00000026;box-sizing:border-box;color:#000000a6;font-feature-settings:"tnum";font-size:14px;font-variant:tabular-nums;font-variant:normal;left:-9999px;line-height:1.5;list-style:none;margin:0;outline:none;padding:0;position:absolute;top:-9999px;z-index:1050}.ant-select-dropdown-menu{list-style:none;margin-bottom:0;max-height:250px;outline:none;overflow:auto;padding-left:0}.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled),.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled){background-color:#e6f7ff}.ant-select-dropdown-menu-item-divider{background-color:#e8e8e8;height:1px;line-height:0;margin:1px 0;overflow:hidden}.ant-select-dropdown-menu-item:first-child{border-radius:4px 4px 0 0}.ant-select-dropdown-menu-item{color:#000000a6;cursor:pointer;display:block;font-weight:400;line-height:22px;overflow:hidden;padding:5px 12px;position:relative;text-overflow:ellipsis;transition:background .3s ease;white-space:nowrap}.ant-select-dropdown-menu-item-selected{background-color:#fafafa;color:#000000a6;font-weight:600}.ant-select-dropdown-menu-item:last-child{border-radius:0 0 4px 4px}.ant-select-selection--single{cursor:pointer;height:32px;position:relative}.ant-select-selection{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;border-top:1.02px solid #d9d9d9;box-sizing:border-box;display:block;outline:none;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.ant-select-selection-selected-value{float:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ant-select-selection--single .ant-select-selection__rendered{margin-right:24px}.ant-select-selection__rendered{display:block;line-height:30px;margin-left:11px;margin-right:11px;position:relative}.ant-select-selection__rendered:after{content:".";display:inline-block;pointer-events:none;visibility:hidden;width:0}.dingflow-design{background-color:#f8f8f8;bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0;width:100%}.dingflow-design .ie-polyfill-container{display:-ms-grid;-ms-grid-columns:min-content;height:100%}.zoom{align-items:center;display:flex;height:40px;justify-content:space-between;margin-top:30px;position:fixed;right:40px;width:125px;z-index:10}.zoom .zoom-in,.zoom .zoom-out{background:#fff;background-repeat:no-repeat;background-size:100%;color:#c1c1cd;cursor:pointer;height:30px;width:30px}.zoom .zoom-in{background-image:url(https://gw.alicdn.com/tfs/TB1UIgJBTtYBeNjy1XdXXXXyVXa-90-90.png)}.zoom .zoom-out{background-image:url(https://gw.alicdn.com/tfs/TB1s0qhBHGYBuNjy0FoXXciBFXa-90-90.png)}.dingflow-design .box-scale{align-items:flex-start;background-color:#f8f8f8;display:inline-block;flex-wrap:wrap;height:100%;justify-content:center;min-width:-moz-min-content;min-width:min-content;overflow:auto;padding:54.5px 0;position:relative;transform:scale(1);transform-origin:0 0 0;width:100%}.dingflow-design .box-scale:before{background-attachment:local;background-image:radial-gradient(circle at 25px 25px,#b0a69694 2px,transparent 0),radial-gradient(circle at 75px 75px,#b0a69694 2px,transparent 0);background-size:25px 25px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dingflow-design .box-scale>*{position:relative;z-index:2}.node-wrap-box{background:#fff;border-radius:4px;cursor:pointer;display:inline-flex;flex-direction:column;flex-shrink:0;min-height:72px;position:relative;width:220px}.node-wrap-box:before{background:#f7f5f5;border-color:#cacaca transparent transparent;border-style:solid;border-width:8px 6px 4px;content:"";height:4px;left:50%;position:absolute;top:-12px;transform:translate(-50%);width:0}.node-wrap-box .close{border-radius:50%;color:#fff;font-size:14px;height:20px;line-height:20px;position:absolute;right:10px;text-align:center;top:50%;transform:translateY(-50%);width:20px}.node-wrap-box .content{font-size:14px;padding:16px 30px 16px 16px;position:relative}.node-wrap-box .content .text{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.node-wrap-box .content .arrow{color:#979797;font-size:14px;height:14px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px}.node-wrap-box .title{align-items:center;background:#576a95;border-radius:4px 4px 0 0;color:#fff;display:flex;font-size:12px;height:24px;line-height:24px;padding-left:16px;padding-right:30px;position:relative;text-align:left;width:100%}.start-node.node-wrap-box .content .text{display:block;white-space:nowrap}.start-node:before{content:none}.dingflow-design .node-wrap{align-items:center;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;-webkit-box-flex:1;-ms-flex-positive:1;padding:0 50px;position:relative}.dingflow-design .branch-wrap,.dingflow-design .node-wrap{display:inline-flex;width:100%}.dingflow-design .branch-box{border-bottom:2px solid #ccc;border-top:2px solid #ccc;display:flex;height:auto;margin-top:15px;min-height:180px;overflow:visible;position:relative}.dingflow-design .branch-box-wrap{align-items:center;display:flex;flex-direction:column;flex-shrink:0;flex-wrap:wrap;min-height:270px;width:100%}.dingflow-design .branch-box .col-box{background:#f8f8f8}.dingflow-design .branch-box .col-box:before{background-color:#cacaca;bottom:0;content:"";height:100%;left:0;margin:auto;position:absolute;right:0;top:0;width:2px;z-index:0}.dingflow-design .col-box{align-items:center;display:inline-flex;flex-direction:column;position:relative}.dingflow-design .add-branch{align-items:center;background:#fff;border:none;border-radius:15px;box-shadow:0 2px 4px #0000001a;color:#3296fa;cursor:pointer;display:inline-flex;font-size:12px;height:30px;justify-content:center;left:50%;line-height:30px;outline:none;padding:0 10px;position:absolute;top:-16px;transform:translate(-50%);transform-origin:center center;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.dingflow-design .add-node-btn-box:before{background-color:#cacaca;bottom:0;content:"";height:100%;left:0;margin:auto;position:absolute;right:0;top:0;width:2px;z-index:-1}.dingflow-design .add-node-btn .btn{background:#3296fa;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:30px;line-height:30px;outline:none;position:relative;transition:all .3s cubic-bezier(.645,.045,.355,1);width:30px}.dingflow-design .add-node-btn .btn .iconfont{color:#fff;font-size:16px}.dingflow-design .add-node-btn-box{display:inline-flex;flex-shrink:0;width:240px;-webkit-box-flex:1;-ms-flex-positive:1;position:relative}.dingflow-design .add-node-btn{display:flex;flex-grow:1;flex-shrink:0;justify-content:center;padding:20px 0 32px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:240px}.dingflow-design .end-node{border-radius:50%;color:#191f2566;font-size:14px;text-align:left}.dingflow-design .end-node .end-node-circle{background:#dbdcdc;border-radius:50%;height:10px;margin:auto;width:10px}.dingflow-design .end-node .end-node-text{margin-top:5px;text-align:center}.dingflow-design .auto-judge{background:#fff;border-radius:4px;cursor:pointer;min-height:72px;padding:14px 19px;position:relative;width:220px}.dingflow-design .auto-judge:after{border:1px solid transparent;border-radius:4px;bottom:0;box-shadow:0 2px 5px #0000001a;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:all .1s cubic-bezier(.645,.045,.355,1);z-index:2}.dingflow-design .auto-judge .close{border-radius:50%;color:#00000040;display:none;font-size:14px;height:20px;line-height:20px;position:absolute;right:-10px;text-align:center;top:-10px;width:20px;z-index:2}.dingflow-design .auto-judge .content{color:#191f25;display:-webkit-box;font-size:14px;margin-top:6px;overflow:hidden;text-align:left;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.dingflow-design .auto-judge .sort-right{border-left:1px solid #f6f6f6;right:0}.dingflow-design .auto-judge .sort-left,.dingflow-design .auto-judge .sort-right{bottom:0;display:none;position:absolute;top:0;z-index:1}.dingflow-design .auto-judge .title-wrapper{color:#15bc83;font-size:12px;line-height:16px;position:relative;text-align:left}.dingflow-design .auto-judge .title-wrapper .editable-title{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dingflow-design .auto-judge .title-wrapper .priority-title{color:#191f258f;display:inline-block;margin-right:10px}.dingflow-design .condition-node-box{align-items:center;flex-grow:1;justify-content:center;padding-left:50px;padding-right:50px;padding-top:30px;position:relative}.dingflow-design .condition-node-box:before{background-color:#cacaca;bottom:0;content:"";height:100%;left:0;margin:auto;position:absolute;right:0;top:0;width:2px}.dingflow-design .condition-node,.dingflow-design .condition-node-box{display:inline-flex;flex-direction:column;-webkit-box-flex:1}.dingflow-design .condition-node{min-height:220px}.add-node-popover-body{display:flex}.add-node-popover{min-height:160px}.add-node-popover-close{color:#00000040;cursor:pointer;position:absolute;right:5px;top:5px}.add-node-popover-item{color:#191f25!important;cursor:pointer;flex:none;margin-right:10px;text-align:center}.add-node-popover-item.approver .item-wrapper{color:#ff943e}.add-node-popover-item.notifier .item-wrapper{color:#3296fa}.add-node-popover-item .item-wrapper{background:#fff;border:1px solid #e2e2e2;border-radius:50%;display:inline-block;height:80px;margin-bottom:5px;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:80px}.add-node-popover-item .iconfont{font-size:35px;line-height:80px}.ant-popover{box-sizing:border-box;color:#000000a6;cursor:auto;font-feature-settings:"tnum";font-size:14px;font-variant:tabular-nums;font-weight:400;left:0;line-height:1.5;list-style:none;margin:0;padding:0;position:absolute;text-align:left;top:0;-webkit-user-select:text;-moz-user-select:text;user-select:text;white-space:normal;z-index:1030}.ant-popover-inner{background-clip:padding-box;background-color:#fff;border-radius:4px;box-shadow:0 2px 8px #00000026;box-shadow:0 0 8px #00000026 \	}.ant-popover-inner-content{color:#000000a6;padding:12px 16px}.add-node-popover-header{height:15px;margin-bottom:15px;position:relative}.ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow{top:12px}.ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-rightBottom>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow{border-color:transparent transparent #fff #fff;box-shadow:-3px 3px 7px #00000012;left:6px}.ant-popover-arrow{background:transparent;border-style:solid;border-width:4.24264069px;display:block;height:8.48528137px;position:absolute;transform:rotate(45deg);width:8.48528137px}.ant-popover-placement-right,.ant-popover-placement-rightBottom,.ant-popover-placement-rightTop{padding-left:10px}.ant-popover-hidden{display:none}.bottom-right-cover-line{right:-1px}.bottom-left-cover-line{left:-1px}.bottom-left-cover-line,.bottom-right-cover-line{background-color:#f8f8f8;bottom:-2px;height:3px;position:absolute;width:50%}.top-left-cover-line,.top-right-cover-line{background-color:#f8f8f8;height:3px;position:absolute;top:-2px;width:50%}.top-left-cover-line{left:-1px}.top-right-cover-line{right:-1px}*,:after,:before{box-sizing:border-box}.ant-col-1{width:4.16666667%}.ant-col-1,.ant-col-7{box-sizing:border-box;display:block}.ant-col-7{width:29.16666667%}.ant-col-17{box-sizing:border-box;display:block;width:70.83333333%}.ant-col-1,.ant-col-10,.ant-col-11,.ant-col-12,.ant-col-13,.ant-col-14,.ant-col-15,.ant-col-16,.ant-col-17,.ant-col-18,.ant-col-19,.ant-col-2,.ant-col-20,.ant-col-21,.ant-col-22,.ant-col-23,.ant-col-24,.ant-col-3,.ant-col-4,.ant-col-5,.ant-col-6,.ant-col-7,.ant-col-8,.ant-col-9{flex:0 0 auto;float:left}.ant-col-1,.ant-col-10,.ant-col-11,.ant-col-12,.ant-col-13,.ant-col-14,.ant-col-15,.ant-col-16,.ant-col-17,.ant-col-18,.ant-col-19,.ant-col-2,.ant-col-20,.ant-col-21,.ant-col-22,.ant-col-23,.ant-col-24,.ant-col-3,.ant-col-4,.ant-col-5,.ant-col-6,.ant-col-7,.ant-col-8,.ant-col-9,.ant-col-lg-1,.ant-col-lg-10,.ant-col-lg-11,.ant-col-lg-12,.ant-col-lg-13,.ant-col-lg-14,.ant-col-lg-15,.ant-col-lg-16,.ant-col-lg-17,.ant-col-lg-18,.ant-col-lg-19,.ant-col-lg-2,.ant-col-lg-20,.ant-col-lg-21,.ant-col-lg-22,.ant-col-lg-23,.ant-col-lg-24,.ant-col-lg-3,.ant-col-lg-4,.ant-col-lg-5,.ant-col-lg-6,.ant-col-lg-7,.ant-col-lg-8,.ant-col-lg-9,.ant-col-md-1,.ant-col-md-10,.ant-col-md-11,.ant-col-md-12,.ant-col-md-13,.ant-col-md-14,.ant-col-md-15,.ant-col-md-16,.ant-col-md-17,.ant-col-md-18,.ant-col-md-19,.ant-col-md-2,.ant-col-md-20,.ant-col-md-21,.ant-col-md-22,.ant-col-md-23,.ant-col-md-24,.ant-col-md-3,.ant-col-md-4,.ant-col-md-5,.ant-col-md-6,.ant-col-md-7,.ant-col-md-8,.ant-col-md-9,.ant-col-sm-1,.ant-col-sm-10,.ant-col-sm-11,.ant-col-sm-12,.ant-col-sm-13,.ant-col-sm-14,.ant-col-sm-15,.ant-col-sm-16,.ant-col-sm-17,.ant-col-sm-18,.ant-col-sm-19,.ant-col-sm-2,.ant-col-sm-20,.ant-col-sm-21,.ant-col-sm-22,.ant-col-sm-23,.ant-col-sm-24,.ant-col-sm-3,.ant-col-sm-4,.ant-col-sm-5,.ant-col-sm-6,.ant-col-sm-7,.ant-col-sm-8,.ant-col-sm-9,.ant-col-xs-1,.ant-col-xs-10,.ant-col-xs-11,.ant-col-xs-12,.ant-col-xs-13,.ant-col-xs-14,.ant-col-xs-15,.ant-col-xs-16,.ant-col-xs-17,.ant-col-xs-18,.ant-col-xs-19,.ant-col-xs-2,.ant-col-xs-20,.ant-col-xs-21,.ant-col-xs-22,.ant-col-xs-23,.ant-col-xs-24,.ant-col-xs-3,.ant-col-xs-4,.ant-col-xs-5,.ant-col-xs-6,.ant-col-xs-7,.ant-col-xs-8,.ant-col-xs-9{padding-left:0;padding-right:0;position:relative}.ant-col-4{box-sizing:border-box;display:block;width:16.66666667%}.ant-col{min-height:1px;position:relative}.ant-row-flex-middle{align-items:center}.ant-row-flex{display:flex;flex-flow:row wrap}.ant-row-flex-space-around{justify-content:space-around}.editable-text-field{height:60px}.editable-text-field .editable-text-col{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editable-text-field .editable-text-col .text-value-wrapper{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.condition-tip{background:#e6f7ff;border:1px solid #91d5ff;border-radius:4px;margin:22px 25px 8px;padding:9px 16px}.panel-condition .condition-remain-tip{color:#191f258f;font-family:PingFangTC-Regular;font-size:13px}.side-modal{animation:slideInLeft .2s cubic-bezier(.645,.045,.355,1);background:#fff;bottom:0;right:0;width:550px}.side-modal,.side-modal-mask{position:fixed;top:0;z-index:999}.side-modal-body{bottom:60px;overflow:scroll;position:absolute;top:57px;width:100%}.side-modal-footer{bottom:0;box-shadow:0 -1px #d9d9d980;padding:14px 24px;position:absolute;text-align:right;width:100%;z-index:10}.side-modal-footer .ant-btn{margin-left:8px}.side-modal-header{box-shadow:0 1px #d9d9d980;font-size:16px;height:60px;line-height:60px;padding:0 24px}.side-modal-mask{background:#00000047;height:100%;left:0;width:100%}.text-tip-wrapper{color:#576a95;cursor:pointer;padding-left:24px}.common-group{border-bottom:1px solid #ebebeb;padding:15px 24px}.common-group .group-title.no-title{margin-bottom:0}.common-group .group-title{color:#191f25;font-family:PingFangSC-Medium;font-size:14px;margin-bottom:16px}.approver-type-wrapper .approver-actions{display:inline-block;padding:5px 0 7px;position:relative}.notifier-chunk{align-items:center;background:#f8f8f8;border-radius:4px;color:#333;cursor:pointer;display:flex;float:left;font-size:12px;height:40px;line-height:40px;margin-bottom:5px;margin-right:10px;margin-top:5px;padding:0 24px 0 16px;position:relative;transition:all .2s;width:140px}.notifier-chunk .close{color:#a7a3a3;display:none;font-size:14px;position:absolute;right:3px;top:3px}.notifier-chunk span{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}.ant-radio{line-height:1;margin:0;outline:none;vertical-align:sub}.ant-radio,.ant-radio-wrapper{box-sizing:border-box;color:#000000a6;cursor:pointer;display:inline-block;font-feature-settings:"tnum";font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;padding:0;position:relative;white-space:nowrap}.ant-radio-input{bottom:0;cursor:pointer;left:0;opacity:0;position:absolute;right:0;top:0;z-index:1}.ant-radio-checked:after{animation:antRadioEffect .36s ease-in-out;animation-fill-mode:both;border:1px solid #1890ff;border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;visibility:hidden;width:100%}.ant-radio-checked .ant-radio-inner{border-color:#1890ff}.ant-radio-inner:after{background-color:#ff1867;border-left:0;border-radius:8px;border-top:0;content:" ";display:table;height:8px;left:3px;opacity:0;position:absolute;top:3px;transform:scale(0);transition:all .3s cubic-bezier(.78,.14,.15,.86);width:8px}.ant-radio-checked .ant-radio-inner:after{opacity:1;transform:scale(1);transition:all .3s cubic-bezier(.78,.14,.15,.86)}.ant-radio-inner{background-color:#fff;border:1px solid #d9d9d9;border-radius:100px;display:block;height:16px;left:0;position:relative;top:0;transition:all .3s;width:16px}.ant-radio-group{box-sizing:border-box;color:#000000a6;display:inline-block;font-feature-settings:"tnum";font-size:14px;font-variant:tabular-nums;line-height:1.5;line-height:unset;list-style:none;margin:0;padding:0;width:100%}.approver-type-wrapper .ant-radio-wrapper{color:#191f25;font-size:14px;line-height:22px;margin-bottom:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:30%}.ant-radio-wrapper{margin:0 8px 0 0}span.ant-radio+*{padding-left:8px;padding-right:8px}.ant-tabs{box-sizing:border-box;color:#000000a6;font-feature-settings:"tnum";font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;margin:0;overflow:hidden;padding:0;position:relative;zoom:1}.ant-tabs-bar{border-bottom:1px solid #e8e8e8;margin:0 0 16px;outline:none}tabs-top-content.ant-tabs-content-animated{display:flex;flex-direction:row;transition:margin-left .3s cubic-bezier(.645,.045,.355,1);will-change:margin-left}.ant-tabs .ant-tabs-bottom-content,.ant-tabs .ant-tabs-top-content{width:100%}.ant-tabs:after{clear:both}.ant-tabs:after,.ant-tabs:before{content:"";display:table}.ant-tabs-nav-container{box-sizing:border-box;font-size:14px;line-height:1.5;margin-bottom:-1px;overflow:hidden;position:relative;white-space:nowrap;zoom:1}.ant-tabs-nav-container:after,.ant-tabs-nav-container:before{content:"";display:table}.ant-tabs-bar,.ant-tabs-nav-container{transition:padding .3s cubic-bezier(.645,.045,.355,1)}:root .ant-tabs-tab-prev{filter:none}.ant-tabs-tab-prev{left:0}.ant-tabs-tab-btn-disabled,.ant-tabs-tab-btn-disabled:hover{color:#00000040}.ant-tabs-tab-btn-disabled{cursor:not-allowed}.ant-tabs-tab-next,.ant-tabs-tab-prev{background-color:transparent;border:0;color:#00000073;cursor:pointer;height:100%;opacity:0;pointer-events:none;position:absolute;text-align:center;transition:width .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1),color .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:0;z-index:2}.vue-flow{direction:ltr;height:100%;overflow:hidden;position:relative;width:100%;z-index:0}.vue-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{pointer-events:none;transform-origin:0 0;z-index:2}.vue-flow__viewport{overflow:clip;z-index:4}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{overflow:visible;pointer-events:none}.vue-flow__connection-path,.vue-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.vue-flow__edge{cursor:pointer;pointer-events:visibleStroke}.vue-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none;animation:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:#555}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-flow__node-default,.vue-flow__node-input,.vue-flow__node-output{border:1px solid #bbb}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible,.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible,.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{border:1px solid #555;outline:none}.vue-flow__node{box-sizing:border-box;cursor:default;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.vue-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{min-height:5px;min-width:5px;pointer-events:none;position:absolute}.vue-flow__handle.connectable{cursor:crosshair;pointer-events:all}.vue-flow__handle-bottom{bottom:0;left:50%;transform:translate(-50%,50%)}.vue-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.vue-flow__handle-left{left:0;top:50%;transform:translate(-50%,-50%)}.vue-flow__handle-right{right:0;top:50%;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{margin:15px;position:absolute;z-index:5}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translate(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10}}:root{--vf-node-bg:#fff;--vf-node-text:#222;--vf-connection-path:#b1b1b7;--vf-handle:#555}.vue-flow__edge.updating .vue-flow__edge-path{stroke:#777}.vue-flow__edge-text{font-size:10px}.vue-flow__edge-textbg{fill:#fff}.vue-flow__connection-path{stroke:var(--vf-connection-path)}.vue-flow__node{cursor:grab}.vue-flow__node.selectable:focus,.vue-flow__node.selectable:focus-visible{outline:none}.vue-flow__node-default,.vue-flow__node-input,.vue-flow__node-output{background-color:var(--vf-node-bg);border-color:var(--vf-node-color);border-radius:3px;border-style:solid;border-width:1px;color:var(--vf-node-text);font-size:12px;padding:10px;text-align:center;width:150px}.vue-flow__node-default.selected,.vue-flow__node-default.selected:hover,.vue-flow__node-input.selected,.vue-flow__node-input.selected:hover,.vue-flow__node-output.selected,.vue-flow__node-output.selected:hover{box-shadow:0 0 0 .5px var(--vf-box-shadow)}.vue-flow__node-default .vue-flow__handle,.vue-flow__node-input .vue-flow__handle,.vue-flow__node-output .vue-flow__handle{background:var(--vf-handle)}.vue-flow__node-default.selectable:hover,.vue-flow__node-input.selectable:hover,.vue-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.vue-flow__node-input{--vf-node-color:var(--vf-node-color,#0041d0);--vf-handle:var(--vf-node-color,#0041d0);--vf-box-shadow:var(--vf-node-color,#0041d0);background:var(--vf-node-bg);border-color:var(--vf-node-color,#0041d0)}.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible{border:1px solid var(--vf-node-color,#0041d0);outline:none}.vue-flow__node-default{--vf-handle:var(--vf-node-color,#1a192b);--vf-box-shadow:var(--vf-node-color,#1a192b);background:var(--vf-node-bg);border-color:var(--vf-node-color,#1a192b)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible{border:1px solid var(--vf-node-color,#1a192b);outline:none}.vue-flow__node-output{--vf-handle:var(--vf-node-color,#ff0072);--vf-box-shadow:var(--vf-node-color,#ff0072);background:var(--vf-node-bg);border-color:var(--vf-node-color,#ff0072)}.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{border:1px solid var(--vf-node-color,#ff0072);outline:none}.vue-flow__nodesselection-rect,.vue-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible,.vue-flow__selection:focus,.vue-flow__selection:focus-visible{outline:none}.vue-flow__handle{background:var(--vf-handle);border:1px solid #fff;border-radius:100%;height:6px;width:6px}.n-button{background-color:var(--n-color)}@media screen and (min-width:768px){.mobileOrTablet{display:none!important}}@media screen and (max-width:768px){.notMobileOrTablet{display:none!important}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-transition:background-color 0s 600000s,color 0s 600000s!important;transition:background-color 0s 600000s,color 0s 600000s!important;-webkit-text-fill-color:var(--n-text-color)}.n-input__textarea-mirror{min-height:var(--n-height)}.naive-page{min-height:100vh;min-height:100dvh}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(./Inter-normal-300-cyrillic-ext.B2xhLi22.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(./Inter-normal-300-cyrillic.CMZtQduZ.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(./Inter-normal-300-greek-ext.CGAr0uHJ.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(./Inter-normal-300-greek.CaVNZxsx.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(./Inter-normal-300-vietnamese.CBcvBZtf.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(./Inter-normal-300-latin-ext.DO1Apj_S.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(./Inter-normal-300-latin.Dx4kXJAl.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(./Inter-normal-300-cyrillic-ext.B2xhLi22.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(./Inter-normal-300-cyrillic.CMZtQduZ.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(./Inter-normal-300-greek-ext.CGAr0uHJ.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(./Inter-normal-300-greek.CaVNZxsx.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(./Inter-normal-300-vietnamese.CBcvBZtf.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(./Inter-normal-300-latin-ext.DO1Apj_S.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(./Inter-normal-300-latin.Dx4kXJAl.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(./Inter-normal-300-cyrillic-ext.B2xhLi22.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(./Inter-normal-300-cyrillic.CMZtQduZ.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(./Inter-normal-300-greek-ext.CGAr0uHJ.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(./Inter-normal-300-greek.CaVNZxsx.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(./Inter-normal-300-vietnamese.CBcvBZtf.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(./Inter-normal-300-latin-ext.DO1Apj_S.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(./Inter-normal-300-latin.Dx4kXJAl.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(./Inter-normal-300-cyrillic-ext.B2xhLi22.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(./Inter-normal-300-cyrillic.CMZtQduZ.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(./Inter-normal-300-greek-ext.CGAr0uHJ.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(./Inter-normal-300-greek.CaVNZxsx.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(./Inter-normal-300-vietnamese.CBcvBZtf.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(./Inter-normal-300-latin-ext.DO1Apj_S.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(./Inter-normal-300-latin.Dx4kXJAl.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(./Inter-normal-300-cyrillic-ext.B2xhLi22.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(./Inter-normal-300-cyrillic.CMZtQduZ.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(./Inter-normal-300-greek-ext.CGAr0uHJ.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(./Inter-normal-300-greek.CaVNZxsx.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(./Inter-normal-300-vietnamese.CBcvBZtf.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(./Inter-normal-300-latin-ext.DO1Apj_S.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(./Inter-normal-300-latin.Dx4kXJAl.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Radio Canada;font-stretch:100%;font-style:normal;font-weight:400;src:url(./Radio_Canada-normal-400-canadian-aboriginal.DuAqTIZI.woff2) format("woff2");unicode-range:u+02c7,u+02d8-02d9,u+02db,u+0307,u+1400-167f,u+18b0-18f5,u+25cc,u+11ab?}@font-face{font-display:swap;font-family:Radio Canada;font-stretch:100%;font-style:normal;font-weight:400;src:url(./Radio_Canada-normal-400-vietnamese.C20uoxDe.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Radio Canada;font-stretch:100%;font-style:normal;font-weight:400;src:url(./Radio_Canada-normal-400-latin-ext.BH1aRahd.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Radio Canada;font-stretch:100%;font-style:normal;font-weight:400;src:url(./Radio_Canada-normal-400-latin.eVTf2BBm.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Radio Canada;font-stretch:100%;font-style:normal;font-weight:500;src:url(./Radio_Canada-normal-400-canadian-aboriginal.DuAqTIZI.woff2) format("woff2");unicode-range:u+02c7,u+02d8-02d9,u+02db,u+0307,u+1400-167f,u+18b0-18f5,u+25cc,u+11ab?}@font-face{font-display:swap;font-family:Radio Canada;font-stretch:100%;font-style:normal;font-weight:500;src:url(./Radio_Canada-normal-400-vietnamese.C20uoxDe.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Radio Canada;font-stretch:100%;font-style:normal;font-weight:500;src:url(./Radio_Canada-normal-400-latin-ext.BH1aRahd.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Radio Canada;font-stretch:100%;font-style:normal;font-weight:500;src:url(./Radio_Canada-normal-400-latin.eVTf2BBm.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Radio Canada;font-stretch:100%;font-style:normal;font-weight:600;src:url(./Radio_Canada-normal-400-canadian-aboriginal.DuAqTIZI.woff2) format("woff2");unicode-range:u+02c7,u+02d8-02d9,u+02db,u+0307,u+1400-167f,u+18b0-18f5,u+25cc,u+11ab?}@font-face{font-display:swap;font-family:Radio Canada;font-stretch:100%;font-style:normal;font-weight:600;src:url(./Radio_Canada-normal-400-vietnamese.C20uoxDe.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Radio Canada;font-stretch:100%;font-style:normal;font-weight:600;src:url(./Radio_Canada-normal-400-latin-ext.BH1aRahd.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Radio Canada;font-stretch:100%;font-style:normal;font-weight:600;src:url(./Radio_Canada-normal-400-latin.eVTf2BBm.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Radio Canada;font-stretch:100%;font-style:normal;font-weight:700;src:url(./Radio_Canada-normal-400-canadian-aboriginal.DuAqTIZI.woff2) format("woff2");unicode-range:u+02c7,u+02d8-02d9,u+02db,u+0307,u+1400-167f,u+18b0-18f5,u+25cc,u+11ab?}@font-face{font-display:swap;font-family:Radio Canada;font-stretch:100%;font-style:normal;font-weight:700;src:url(./Radio_Canada-normal-400-vietnamese.C20uoxDe.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Radio Canada;font-stretch:100%;font-style:normal;font-weight:700;src:url(./Radio_Canada-normal-400-latin-ext.BH1aRahd.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Radio Canada;font-stretch:100%;font-style:normal;font-weight:700;src:url(./Radio_Canada-normal-400-latin.eVTf2BBm.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.modal-header[data-v-51bce7da]{background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:16px 24px}.header-content[data-v-51bce7da],.modal-header[data-v-51bce7da]{align-items:center;display:flex}.header-content[data-v-51bce7da]{gap:12px}.header-title[data-v-51bce7da]{color:#111827;font-size:1.25rem;font-weight:500;margin:0}.header-actions[data-v-51bce7da]{align-items:center;display:flex;gap:8px}.close-icon-button[data-v-51bce7da]{margin-right:8px;padding:4px}.close-icon-button[data-v-51bce7da]:hover{background-color:#f3f4f6}.video-container[data-v-51bce7da]{align-items:center;background-color:#fff;display:flex;justify-content:center;min-height:450px;padding:24px;position:relative}.video-frame[data-v-51bce7da]{background-color:#000;border:none;border-radius:8px;height:450px;width:100%}.loading-state[data-v-51bce7da]{align-items:center;color:#374151;display:flex;flex-direction:column;gap:16px;position:absolute}.error-state[data-v-51bce7da]{background-color:#fff;border-radius:8px;padding:32px;text-align:center;width:100%}.modal-footer[data-v-51bce7da]{background-color:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:16px 24px}.close-button[data-v-51bce7da]{align-items:center;display:flex;gap:4px;padding:6px 12px;transition:all .2s ease}.close-button[data-v-51bce7da]:hover{background-color:#ed40401a}.footer-close-button[data-v-51bce7da]{min-width:140px}