:root{--v-theme-surface-variant:red!important;--primary:#101828;--primary-rgb:30,58,138;--secondary:#c2fa6b;--secondary-rgb:194,250,107;--tertiary:#edfed3;--quaternary:#edf3f2;--text-color:#101828;--text-gray:#667085;--text-white:#f2f2f2;--light-gray:#e5e7eb;--light-soft-gray:#f8f8fc;--text-white-light:#f7f7f7;--blue:#d3f9fe;--light-purple:#d3dafe;--red:#fed3d3;--light-blue:#d3fefb;--yellow:#fef2d3;--note-yellow:#ffebb8;--blue-dark-light:#101828;--font-family:"Be Vietnam Pro";--font-family-headings:"Be Vietnam Pro";--light:#f4f5f7;--systemblack:#000;--systemwhite:#fff;--systemred:#b30000;--systemorange:orange;--systemorange-rgb:255,165,0;--systemyellow:#ff0;--systemgreen:green;--systemgreen-rgb:0,128,0;--font-family-body:var(--font-family);--font-weight-body:400;--font-size-body:13px;--font-lineheight-body:1.4;--text-color-body:var(--text-color);--font-family-h1:var(--font-family);--font-weight-h1:500;--font-size-h1:36px;--font-lineheight-h1:1;--text-color-h1:var(--text-color);--font-family-h2:var(--font-family);--font-weight-h2:500;--font-size-h2:24px;--font-lineheight-h2:1.4;--text-color-h2:var(--text-color);--font-family-h3:var(--font-family);--font-weight-h3:500;--font-size-h3:20px;--font-lineheight-h3:1.4;--text-color-h3:var(--text-color);--font-family-h4:var(--font-family);--font-weight-h4:500;--font-size-h4:16px;--font-lineheight-h4:1.4;--text-color-h4:var(--text-color);--font-family-h5:var(--font-family);--font-weight-h5:500;--font-size-h5:20px;--font-lineheight-h5:1.4;--text-color-h5:var(--text-color);--font-family-h6:var(--font-family);--font-weight-h6:500;--font-size-h6:16px;--font-lineheight-h6:1.4;--text-color-h6:var(--text-color);--font-family-p:var(--font-family);--font-weight-p:400;--font-size-p:12px;--font-lineheight-p:1.4;--text-color-p:var(--text-color)}html{font-size:var(--font-size-p);color:var(--text-color)}h1,h2,h3,h4,h5,h6,html,p{font-family:Be Vietnam Pro,sans-serif!important}::-moz-selection{color:var(--text-color);background:var(--secondary)}::selection{color:var(--text-color);background:var(--secondary)}.bg-swatch{background-image:url(/img/swatch.9850fdf6.png)}.bg-swatch,.bg-swatch-dark{background-size:cover;background-position:bottom}.bg-swatch-dark{background-image:url(/img/swatch-dark.815dede7.png)}.bg-light{background-color:var(--light)}.bg-light-gray{background-color:var(--light-gray)!important}.bg-light-soft-gray{background-color:var(--light-soft-gray)!important}.text-color{color:var(--text-color)!important}.text-white,.text-white .v-btn__content .text-white .v-chip__content{color:var(--systemwhite)}.text-dark,.text-dark .v-btn__content,.text-dark .v-chip__content{color:var(--systemblack)}.text-nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-input .v-input__slot{box-shadow:none!important}.h-100{height:100%}.h-max{height:-moz-max-content;height:max-content}.w-fit{width:-moz-fit-content;width:fit-content}.w-max{width:-moz-max-content;width:max-content}.mx-auto{margin-left:auto;margin-right:auto}.opacity-100{opacity:1!important}.opacity-80{opacity:.8!important}.opacity-60{opacity:.6!important}.opacity-40{opacity:.4!important}.justify-content-end{justify-content:flex-end}.v-expansion-panel-title__overlay{opacity:0!important}.border-primary{border:1px solid var(--primary)!important}.border-right-light-gray{border-right:1px solid var(--light-gray)!important}.border-light-gray{border:1px solid var(--light-gray)!important}.border-none{border:none!important}.v-expansion-panel-text__wrapper{padding:0!important}.letter-spacing-0{letter-spacing:0!important}.text-large{font-size:20px;font-style:normal;font-weight:400}.text-highlight{color:var(--primary)!important;font-size:16px;font-style:normal;font-weight:600}.v-field__outline{--v-field-border-opacity:1!important}.v-field__outline .v-field__outline__end,.v-field__outline .v-field__outline__notch:after,.v-field__outline .v-field__outline__notch:before,.v-field__outline .v-field__outline__start{border-color:var(--light-gray)!important}.v-field__input{font-size:14px}.full-height{height:100%}.p-sticky{position:sticky!important}.p-absolute{position:absolute!important}.p-relative{position:relative}.z-index-10{z-index:10!important}.checkbox{max-width:40px}.select-w-max{max-width:250px}.top-0{top:0}.right-0{right:0}.card{padding:8px!important;background-color:var(--text-white-light)!important;width:100%;display:block;overflow:hidden}.card,.card-light{border-radius:16px!important}.card-light{border:1px solid var(--light-gray)!important;background:var(--systemwhite)!important;box-shadow:0 2px 6px 0 rgba(211,206,215,.16)!important;padding:16px 16px!important}.card-light.active{border:1px solid var(--primary)!important}.card-light.active-highlight{border:1px solid var(--secondary)!important;box-shadow:0 0 0 4px hsla(83,93%,70%,.3)!important}.card-light.selected{background:var(--light-gray)!important}.card-light.borderless{border:unset!important}@media(max-width:767.98px){.card-light{padding:12px 12px!important}}.card-light-gray{border-radius:16px!important;border:1px solid var(--light-gray)!important;background:var(--light-soft-gray)!important;box-shadow:0 2px 6px 0 rgba(211,206,215,.16)!important;padding:16px 16px!important}.card-light-gray.active{border:1px solid var(--primary)!important}.card-light-gray.selected{background:var(--light-gray)!important}.card-light-gray.borderless{border:unset!important}@media(max-width:767.98px){.card-light-gray{padding:12px 12px!important}}.multi-step-popup{max-width:unset!important;max-height:unset!important}.multi-step-popup .multi-step-header{max-width:1000px!important}.multi-step-popup .v-stepper-header{box-shadow:none!important}.multi-step-popup .multi-step-bottom-navigation{position:fixed;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);bottom:0;background-color:hsla(0,0%,100%,.19)}.input .v-field--variant-solo,.input .v-field--variant-solo-filled{box-shadow:0 2px 2px 0 rgba(0,0,0,.06)!important}.product-upload-card{border-radius:var(--cornerRadius,8px);border:1px solid var(--primary);background:#f5f5f5;padding:32px;display:flex;justify-content:center;text-align:center;cursor:pointer}.product-upload-card:hover{background:var(--primary)}.file-input-box{padding:20px;border:1px solid #ccc;border-radius:8px}.remove-tablehead thead{display:none}.v-list-item{min-height:unset!important}.customer-table .customer-tabe-item{width:100%}.close-btn{height:36px!important;width:36px!important;min-width:unset!important;border-color:226 229 238!important;border-width:1px!important;border-radius:10px!important}.close-btn:hover{background-color:#e2e5ee!important}.tooltip-flow-card{background:#f2f2f2}.tooltip-flow-card .main-tooltip-card{padding:60px!important}.tooltip-flow-card .main-tooltip-text{justify-content:center;align-items:center;height:100%}.delete-btn:hover{background-color:hsla(0,96%,89%,.693)!important}.delete-btn:hover svg path{fill:var(--systemred)!important}.edit-icon-btn:hover{background-color:#c3fa6b37!important}.edit-icon-btn:hover svg path{fill:var(--primary)!important}.v-text-field .color-preview{height:20px;width:20px;border-radius:4px;border:1px solid var(--light-gray)}.divider-fix{margin-left:-32px;margin-right:-32px}.rounded-0{border-radius:0!important}.rounded-1{border-radius:4px!important}.rounded-2{border-radius:8px!important}.rounded-3{border-radius:12px!important}.rounded{border-radius:100%!important}.fw-100{font-weight:100!important}.fw-200{font-weight:200!important}.fw-300{font-weight:300!important}.fw-400{font-weight:400!important}.fw-500{font-weight:500!important}.fw-600{font-weight:600!important}.fw-700{font-weight:700!important}.transition-all-ease-in-out-1{transition:all .1s ease-in-out}.transition-all-ease-in-out-2{transition:all .2s ease-in-out}.box-shadow-0{box-shadow:none!important}.v-application,.v-application .body-1,.v-application .body-2,.v-application .caption,.v-application .display-1,.v-application .display-2,.v-application .display-3,.v-application .display-4,.v-application .headline,.v-application .overline,.v-application .subtitle-1,.v-application .subtitle-2,.v-application .title{font-family:var(--font-family);color:var(--text-color)}body{font-size:var(--font-size-body);line-height:var(--font-lineheight-body);font-weight:var(--font-weight-body);color:var(--text-color-body)}.h1,h1{font-size:var(--font-size-h1);line-height:var(--font-lineheight-h1);font-weight:var(--font-weight-h1);color:var(--text-color-h1)}.h1,.h2,h1,h2{font-family:var(--font-family-headings)}.h2,h2{font-size:var(--font-size-h2);line-height:var(--font-lineheight-h2);font-weight:var(--font-weight-h2);color:var(--text-color-h2)}.h3,h3{font-size:var(--font-size-h3);line-height:var(--font-lineheight-h3);font-weight:var(--font-weight-h3);color:var(--text-color-h3)}.h3,.h4,h3,h4{font-family:var(--font-family-headings)}.h4,h4{font-size:var(--font-size-h4);line-height:var(--font-lineheight-h4);font-weight:var(--font-weight-h4);color:var(--text-color-h4)}.h5,h5{font-size:var(--font-size-h5);line-height:var(--font-lineheight-h5);font-weight:var(--font-weight-h5);color:var(--text-color-h5)}.h5,.h6,h5,h6{font-family:var(--font-family-headings)}.h6,h6{font-size:var(--font-size-h6);line-height:var(--font-lineheight-h6);font-weight:var(--font-weight-h6);color:var(--text-color-h6)}.p,p{font-size:var(--font-size-p);line-height:var(--font-lineheight-p);font-weight:var(--font-weight-p);color:var(--text-color-p)}.fs-24{font-size:24px!important}@media(max-width:767.98px){.h2,h2{font-size:25px;line-height:var(--font-lineheight-h2);font-weight:var(--font-weight-h2);color:var(--text-color-h2)}}.container-large{width:1800px;max-width:100%;padding-left:15px;padding-right:15px}.container-small{max-width:924px}.container{max-width:100%!important}.full-min-heigth{min-height:100vh}body{background-color:#f9fafb}.no-container-padding .v-container{padding:0!important}.text-success{color:var(--systemgreen)}.text-warning{color:var(--systemorange)}.text-danger{color:var(--systemred)}.text-dark{color:var(--systemblack)}.text-light{color:var(--systemlight)}.text-color{color:var(--text-color)}.text-gray{color:var(--text-gray)}.text-light-gray{color:var(--light-gray)}.text-white{color:var(--systemlight)}.text-primary{color:var(--primary)!important}.text-secondary{color:var(--secondary)!important}.text-blue-cool-600{color:var(--systemblue-cool-600)!important}.text-blue-cool-400{color:var(--systemblue-cool-400)!important}.text-center{text-align:center}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-bold{font-weight:600!important}.text-extra-bold{font-weight:700!important}.text-semibold{font-weight:500!important}.text-extralight{font-weight:100!important}.text-title{font-size:36px;font-weight:500}.text-subtitle{font-size:24px}.text-subsubtitle,.text-subtitle{font-style:normal;font-weight:600}.text-subsubtitle{font-size:20px}.text-normal{font-size:16px}.text-medium,.text-normal{font-style:normal;font-weight:400}.text-medium{font-size:14px}.text-small{font-size:12px}.text-small,.text-xsmall{font-style:normal;font-weight:400}.text-xsmall{font-size:10px}.text-xxsmall{font-size:8px;font-style:normal;font-weight:400}.label{font-size:16px;font-weight:500}.text-italic{font-style:italic}.shadow-\[-1px_2px_3px_0px_rgba\(0\,0\,0\,0\.08\)\,_-4px_0px_32px_0px_rgba\(0\,0\,0\,0\.10\)\]{--luma-shadow:-1px 2px 3px 0px rgba(0,0,0,.08),-4px 0px 32px 0px rgba(0,0,0,.1);--luma-shadow-colored:-1px 2px 3px 0px var(--luma-shadow-color),-4px 0px 32px 0px var(--luma-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--luma-shadow)!important}.shadow-\[0_0\.5px_1px_0_rgba\(225\,229\,237\,0\.8\)\,0_-1px_0\.5px_1px_rgb\(245\,246\,249\)_inset\,0_4px_6px_0_rgba\(0\,0\,0\,0\.1\)\]{--luma-shadow:0 0.5px 1px 0 rgba(225,229,237,.8),0 -1px 0.5px 1px #f5f6f9 inset,0 4px 6px 0 rgba(0,0,0,.1);--luma-shadow-colored:0 0.5px 1px 0 var(--luma-shadow-color),inset 0 -1px 0.5px 1px var(--luma-shadow-color),0 4px 6px 0 var(--luma-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--luma-shadow)!important}.shadow-\[0_0\.5px_1px_0_rgba\(225\,229\,237\,0\.8\)\,inset_0_-1px_0\.5px_1px_\#f5f6f9\]{--luma-shadow:0 0.5px 1px 0 rgba(225,229,237,.8),inset 0 -1px 0.5px 1px #f5f6f9;--luma-shadow-colored:0 0.5px 1px 0 var(--luma-shadow-color),inset 0 -1px 0.5px 1px var(--luma-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--luma-shadow)!important}.shadow-\[0_0_8px_0_rgba\(31\,182\,255\,0\.4\)\]{--luma-shadow:0 0 8px 0 rgba(31,182,255,.4);--luma-shadow-colored:0 0 8px 0 var(--luma-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--luma-shadow)!important}.shadow-\[0_1\.1px_2\.2px_0px_rgba\(201\,202\,208\,0\.32\)\,0_0px_2\.2px_0px_rgb\(223\,224\,228\)\]{--luma-shadow:0 1.1px 2.2px 0px hsla(231,7%,80%,.32),0 0px 2.2px 0px #dfe0e4;--luma-shadow-colored:0 1.1px 2.2px 0px var(--luma-shadow-color),0 0px 2.2px 0px var(--luma-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--luma-shadow)!important}.shadow-\[0_1px_3px_0_rgba\(0\,0\,0\,0\.16\)\,0_0_16px_0_rgba\(0\,0\,0\,0\.02\)\]{--luma-shadow:0 1px 3px 0 rgba(0,0,0,.16),0 0 16px 0 rgba(0,0,0,.02);--luma-shadow-colored:0 1px 3px 0 var(--luma-shadow-color),0 0 16px 0 var(--luma-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--luma-shadow)!important}.shadow-\[0px_-1px_0\.5px_1px_\#F5F6F9_inset\,_0px_1px_1px_0px_\#D5DBE5\]{--luma-shadow:0px -1px 0.5px 1px #f5f6f9 inset,0px 1px 1px 0px #d5dbe5;--luma-shadow-colored:inset 0px -1px 0.5px 1px var(--luma-shadow-color),0px 1px 1px 0px var(--luma-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--luma-shadow)}.shadow-\[0px_-2px_3px_0px_rgba\(0\,0\,0\,0\.08\)\,_0px_1px_2px_0px_rgba\(0\,0\,0\,0\.15\)\,_0px_0px_16px_0px_rgba\(24\,24\,24\,0\.05\)\]{--luma-shadow:0px -2px 3px 0px rgba(0,0,0,.08),0px 1px 2px 0px rgba(0,0,0,.15),0px 0px 16px 0px hsla(0,0%,9%,.05);--luma-shadow-colored:0px -2px 3px 0px var(--luma-shadow-color),0px 1px 2px 0px var(--luma-shadow-color),0px 0px 16px 0px var(--luma-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--luma-shadow)!important}.shadow-\[0px_1px_2px_0px_rgba\(0\,0\,0\,0\.15\)\,0px_0px_16px_0px_rgba\(24\,24\,24\,0\.05\)\],.shadow-\[0px_1px_2px_0px_rgba\(0\,0\,0\,0\.15\)\,_0px_0px_16px_0px_rgba\(24\,24\,24\,0\.05\)\]{--luma-shadow:0px 1px 2px 0px rgba(0,0,0,.15),0px 0px 16px 0px hsla(0,0%,9%,.05);--luma-shadow-colored:0px 1px 2px 0px var(--luma-shadow-color),0px 0px 16px 0px var(--luma-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--luma-shadow)!important}.shadow-\[0px_1px_2px_0px_rgba\(4\,133\,194\,0\.48\)\,_0px_1px_2px_0px_\#B0E6FF_inset\]{--luma-shadow:0px 1px 2px 0px rgba(4,133,194,.48),0px 1px 2px 0px #b0e6ff inset;--luma-shadow-colored:0px 1px 2px 0px var(--luma-shadow-color),inset 0px 1px 2px 0px var(--luma-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--luma-shadow)!important}.shadow-\[0px_1px_3px_0px_rgba\(0\,155\,229\,0\.64\)\,_inset_0px_1px_2px_0px_\#7ED7FF\]{--luma-shadow:0px 1px 3px 0px rgba(0,155,229,.64),inset 0px 1px 2px 0px #7ed7ff;--luma-shadow-colored:0px 1px 3px 0px var(--luma-shadow-color),inset 0px 1px 2px 0px var(--luma-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--luma-shadow)!important}.shadow-\[0px_1px_3px_0px_rgba\(185\,132\,253\,0\.64\)\,_0px_1px_3px_0px_\#DDC3FF_inset\]{--luma-shadow:0px 1px 3px 0px rgba(185,132,253,.64),0px 1px 3px 0px #ddc3ff inset;--luma-shadow-colored:0px 1px 3px 0px var(--luma-shadow-color),inset 0px 1px 3px 0px var(--luma-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--luma-shadow)!important}.shadow-\[0px_24px_48px_0px_rgba\(30\,_32\,_36\,_0\.32\)\,0px_0px_24px_0px_rgba\(30\,_32\,_36\,_0\.08\)\]{--luma-shadow:0px 24px 48px 0px rgba(30,32,36,.32),0px 0px 24px 0px rgba(30,32,36,.08);--luma-shadow-colored:0px 24px 48px 0px var(--luma-shadow-color),0px 0px 24px 0px var(--luma-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--luma-shadow)!important}.shadow-\[0px_4px_12px_0px_rgba\(30\,32\,36\,0\.14\)\,_0px_2px_2px_0px_rgba\(30\,32\,36\,0\.02\)\]{--luma-shadow:0px 4px 12px 0px rgba(30,32,36,.14),0px 2px 2px 0px rgba(30,32,36,.02);--luma-shadow-colored:0px 4px 12px 0px var(--luma-shadow-color),0px 2px 2px 0px var(--luma-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--luma-shadow)!important}.shadow-\[0px_4px_16px_0px_black\,_0px_2px_4px_0px_black\]{--luma-shadow:0px 4px 16px 0px #000,0px 2px 4px 0px #000;--luma-shadow-colored:0px 4px 16px 0px var(--luma-shadow-color),0px 2px 4px 0px var(--luma-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--luma-shadow)!important}.shadow-\[inset_0px_-1px_0\.5px_1px_\#F5F6F9\,0px_0\.5px_1px_0px_rgba\(225\,229\,237\,0\.8\)\],.shadow-\[inset_0px_-1px_0\.5px_1px_\#F5F6F9\,_0px_0\.5px_1px_0px_rgba\(225\,229\,237\,0\.80\)\],.shadow-\[inset_0px_-1px_0\.5px_1px_\#F5F6F9\,_0px_0\.5px_1px_0px_rgba\(225\,229\,237\,0\.8\)\]{--luma-shadow:inset 0px -1px 0.5px 1px #f5f6f9,0px 0.5px 1px 0px rgba(225,229,237,.8);--luma-shadow-colored:inset 0px -1px 0.5px 1px var(--luma-shadow-color),0px 0.5px 1px 0px var(--luma-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--luma-shadow)!important}.shadow-\[inset_0px_1px_2px_0px_rgba\(0\,0\,0\,0\.25\)\]{--luma-shadow:inset 0px 1px 2px 0px rgba(0,0,0,.25);--luma-shadow-colored:inset 0px 1px 2px 0px var(--luma-shadow-color)}.shadow-\[inset_0px_1px_2px_0px_rgba\(0\,0\,0\,0\.25\)\],.shadow-box{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--luma-shadow)!important}.shadow-box{--luma-shadow:0px 4px 4px rgba(0,0,0,.1),-4px -4px 20px rgba(0,0,0,.05);--luma-shadow-colored:0px 4px 4px var(--luma-shadow-color),-4px -4px 20px var(--luma-shadow-color)}.shadow-card{--luma-shadow:0px 1px 2px 0px rgba(0,0,0,.15),0px 0px 5px 0px hsla(0,0%,9%,.05);--luma-shadow-colored:0px 1px 2px 0px var(--luma-shadow-color),0px 0px 5px 0px var(--luma-shadow-color)}.shadow-card,.shadow-hy-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--luma-shadow)!important}.shadow-hy-2xl{--luma-shadow:0px 4px 12px 0px rgba(30,32,36,.14),0px 2px 2px 0px rgba(30,32,36,.02);--luma-shadow-colored:0px 4px 12px 0px var(--luma-shadow-color),0px 2px 2px 0px var(--luma-shadow-color)}.shadow-hy-dropdown{--luma-shadow:0px 2px 2px 0px rgba(30,32,36,.02),0px 4px 12px 0px rgba(30,32,36,.14);--luma-shadow-colored:0px 2px 2px 0px var(--luma-shadow-color),0px 4px 12px 0px var(--luma-shadow-color)}.shadow-hy-dropdown,.shadow-hy-l{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--luma-shadow)!important}.shadow-hy-l{--luma-shadow:0px 0px 12px rgba(30,32,36,.08),0px 2px 2px rgba(30,32,36,.02);--luma-shadow-colored:0px 0px 12px var(--luma-shadow-color),0px 2px 2px var(--luma-shadow-color)}.shadow-hy-m{--luma-shadow:0px 1px 2px rgba(0,0,0,.15),0px 0px 16px hsla(0,0%,9%,.05);--luma-shadow-colored:0px 1px 2px var(--luma-shadow-color),0px 0px 16px var(--luma-shadow-color)}.shadow-hy-m,.shadow-hy-s{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--luma-shadow)!important}.shadow-hy-s{--luma-shadow:0px 0px 0px rgba(30,32,36,.02),0px 2px 6px rgba(30,32,36,.06);--luma-shadow-colored:0px 0px 0px var(--luma-shadow-color),0px 2px 6px var(--luma-shadow-color)}.shadow-hy-xl{--luma-shadow:0px 0px 14px rgba(30,32,36,.1),0px 2px 8px rgba(30,32,36,.08);--luma-shadow-colored:0px 0px 14px var(--luma-shadow-color),0px 2px 8px var(--luma-shadow-color)}.shadow-hy-xl,.shadow-hy-xs{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--luma-shadow)!important}.shadow-hy-xs{--luma-shadow:0px 1px 1px hsla(0,0%,9%,.15);--luma-shadow-colored:0px 1px 1px var(--luma-shadow-color)}.shadow-hy-xxs{--luma-shadow:0px 1.5px 2px 0px rgba(225,229,237,.4);--luma-shadow-colored:0px 1.5px 2px 0px var(--luma-shadow-color)}.shadow-hy-xxs,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--luma-shadow)!important}.shadow-lg{--luma-shadow:2px 2px 25px rgba(0,0,0,.3);--luma-shadow-colored:2px 2px 25px var(--luma-shadow-color)}.shadow-medium{--luma-shadow:0px 4px 10px 0 rgba(0,0,0,.1);--luma-shadow-colored:0px 4px 10px 0 var(--luma-shadow-color)}.shadow-medium,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--luma-shadow)!important}.shadow-sm{--luma-shadow:0px 2px 5px rgba(0,0,0,.15);--luma-shadow-colored:0px 2px 5px var(--luma-shadow-color)}.shadow-hy-badge-blue\/30{--luma-shadow-color:rgba(0,116,172,.3);--luma-shadow:var(--luma-shadow-colored)}.shadow-hy-badge-green\/30{--luma-shadow-color:rgba(84,150,0,.3);--luma-shadow:var(--luma-shadow-colored)}.shadow-hy-badge-grey\/30{--luma-shadow-color:rgba(79,88,105,.3);--luma-shadow:var(--luma-shadow-colored)}.shadow-hy-badge-ocean\/30{--luma-shadow-color:rgba(35,31,204,.3);--luma-shadow:var(--luma-shadow-colored)}.shadow-hy-badge-orange\/30{--luma-shadow-color:rgba(186,89,0,.3);--luma-shadow:var(--luma-shadow-colored)}.shadow-hy-badge-pink\/30{--luma-shadow-color:rgba(225,7,164,.3);--luma-shadow:var(--luma-shadow-colored)}.shadow-hy-badge-purple\/30{--luma-shadow-color:rgba(129,20,208,.3);--luma-shadow:var(--luma-shadow-colored)}.shadow-hy-badge-red\/30{--luma-shadow-color:rgba(223,26,56,.3);--luma-shadow:var(--luma-shadow-colored)}.shadow-hy-badge-sky\/30{--luma-shadow-color:rgba(43,134,140,.3);--luma-shadow:var(--luma-shadow-colored)}.shadow-hy-badge-turquoise\/30{--luma-shadow-color:rgba(0,134,109,.3);--luma-shadow:var(--luma-shadow-colored)}.shadow-hy-badge-yellow\/30{--luma-shadow-color:rgba(156,123,7,.3);--luma-shadow:var(--luma-shadow-colored)}.shadow-hy-grey-910{--luma-shadow-color:#e2e5ee;--luma-shadow:var(--luma-shadow-colored)}.shadow-hy-label-sky\/30{--luma-shadow-color:rgba(31,182,255,.3);--luma-shadow:var(--luma-shadow-colored)}.Vue-Toastification__container{z-index:9999;position:fixed;padding:4px;width:600px;box-sizing:border-box;display:flex;min-height:100%;color:#fff;flex-direction:column;pointer-events:none}@media only screen and (min-width:600px){.Vue-Toastification__container.top-center,.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right{top:1em}.Vue-Toastification__container.bottom-center,.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right{bottom:1em;flex-direction:column-reverse}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.top-left{left:1em}.Vue-Toastification__container.bottom-left .Vue-Toastification__toast,.Vue-Toastification__container.top-left .Vue-Toastification__toast{margin-right:auto}@supports not (-moz-appearance:none){.Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl,.Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl{margin-right:unset;margin-left:auto}}.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.top-right{right:1em}.Vue-Toastification__container.bottom-right .Vue-Toastification__toast,.Vue-Toastification__container.top-right .Vue-Toastification__toast{margin-left:auto}@supports not (-moz-appearance:none){.Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl,.Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl{margin-left:unset;margin-right:auto}}.Vue-Toastification__container.bottom-center,.Vue-Toastification__container.top-center{left:50%;margin-left:-300px}.Vue-Toastification__container.bottom-center .Vue-Toastification__toast,.Vue-Toastification__container.top-center .Vue-Toastification__toast{margin-left:auto;margin-right:auto}}@media only screen and (max-width:600px){.Vue-Toastification__container{width:100vw;padding:0;left:0;margin:0}.Vue-Toastification__container .Vue-Toastification__toast{width:100%}.Vue-Toastification__container.top-center,.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right{top:0}.Vue-Toastification__container.bottom-center,.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right{bottom:0;flex-direction:column-reverse}}.Vue-Toastification__toast{display:inline-flex;position:relative;max-height:800px;min-height:64px;box-sizing:border-box;margin-bottom:1rem;padding:22px 24px;border-radius:8px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);justify-content:space-between;font-family:Lato,Helvetica,Roboto,Arial,sans-serif;max-width:600px;min-width:326px;pointer-events:auto;overflow:hidden;transform:translateZ(0);direction:ltr}.Vue-Toastification__toast--rtl{direction:rtl}.Vue-Toastification__toast--default{background-color:#1976d2;color:#fff}.Vue-Toastification__toast--info{background-color:#2196f3;color:#fff}.Vue-Toastification__toast--success{background-color:#4caf50;color:#fff}.Vue-Toastification__toast--error{background-color:#ff5252;color:#fff}.Vue-Toastification__toast--warning{background-color:#ffc107;color:#fff}@media only screen and (max-width:600px){.Vue-Toastification__toast{border-radius:0;margin-bottom:.5rem}}.Vue-Toastification__toast-body{flex:1;line-height:24px;font-size:16px;word-break:break-word;white-space:pre-wrap}.Vue-Toastification__toast-component-body{flex:1}.Vue-Toastification__toast.disable-transition{transition:none!important;animation:none!important}.Vue-Toastification__close-button{font-weight:700;font-size:24px;line-height:24px;background:transparent;outline:none;border:none;padding:0;padding-left:10px;cursor:pointer;transition:.3s ease;align-items:center;color:#fff;opacity:.3;transition:visibility 0s,opacity .2s linear}.Vue-Toastification__close-button:focus,.Vue-Toastification__close-button:hover{opacity:1}.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover{opacity:0}.Vue-Toastification__toast--rtl .Vue-Toastification__close-button{padding-left:unset;padding-right:10px}@keyframes scale-x-frames{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Vue-Toastification__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:10000;background-color:hsla(0,0%,100%,.7);transform-origin:left;animation:scale-x-frames linear 1 forwards}.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar{right:0;left:unset;transform-origin:right}.Vue-Toastification__icon{margin:auto 18px auto 0;background:transparent;outline:none;border:none;padding:0;transition:.3s ease;align-items:center;width:20px;height:100%}.Vue-Toastification__toast--rtl .Vue-Toastification__icon{margin:auto 0 auto 18px}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes bounceOutRight{40%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(1000px,0,0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Vue-Toastification__bounce-enter-active.bottom-left,.Vue-Toastification__bounce-enter-active.top-left{animation-name:bounceInLeft}.Vue-Toastification__bounce-enter-active.bottom-right,.Vue-Toastification__bounce-enter-active.top-right{animation-name:bounceInRight}.Vue-Toastification__bounce-enter-active.top-center{animation-name:bounceInDown}.Vue-Toastification__bounce-enter-active.bottom-center{animation-name:bounceInUp}.Vue-Toastification__bounce-leave-active.bottom-left,.Vue-Toastification__bounce-leave-active.top-left{animation-name:bounceOutLeft}.Vue-Toastification__bounce-leave-active.bottom-right,.Vue-Toastification__bounce-leave-active.top-right{animation-name:bounceOutRight}.Vue-Toastification__bounce-leave-active.top-center{animation-name:bounceOutUp}.Vue-Toastification__bounce-leave-active.bottom-center{animation-name:bounceOutDown}.Vue-Toastification__bounce-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}@keyframes fadeOutTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}@keyframes fadeOutLeft{0%{transform:translateX(0);opacity:1}to{transform:translateX(-50px);opacity:0}}@keyframes fadeOutBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(50px);opacity:0}}@keyframes fadeOutRight{0%{transform:translateX(0);opacity:1}to{transform:translateX(50px);opacity:0}}@keyframes fadeInLeft{0%{transform:translateX(-50px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeInRight{0%{transform:translateX(50px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeInTop{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInBottom{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.Vue-Toastification__fade-enter-active.bottom-left,.Vue-Toastification__fade-enter-active.top-left{animation-name:fadeInLeft}.Vue-Toastification__fade-enter-active.bottom-right,.Vue-Toastification__fade-enter-active.top-right{animation-name:fadeInRight}.Vue-Toastification__fade-enter-active.top-center{animation-name:fadeInTop}.Vue-Toastification__fade-enter-active.bottom-center{animation-name:fadeInBottom}.Vue-Toastification__fade-leave-active.bottom-left,.Vue-Toastification__fade-leave-active.top-left{animation-name:fadeOutLeft}.Vue-Toastification__fade-leave-active.bottom-right,.Vue-Toastification__fade-leave-active.top-right{animation-name:fadeOutRight}.Vue-Toastification__fade-leave-active.top-center{animation-name:fadeOutTop}.Vue-Toastification__fade-leave-active.bottom-center{animation-name:fadeOutBottom}.Vue-Toastification__fade-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}@keyframes slideInBlurredLeft{0%{transform:translateX(-1000px) scaleX(2.5) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}to{transform:translateX(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredTop{0%{transform:translateY(-1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 0;filter:blur(240px);opacity:0}to{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredRight{0%{transform:translateX(1000px) scaleX(2.5) scaleY(.2);transform-origin:0 50%;filter:blur(40px);opacity:0}to{transform:translateX(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredBottom{0%{transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 100%;filter:blur(240px);opacity:0}to{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideOutBlurredTop{0%{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 0;filter:blur(0);opacity:1}to{transform:translateY(-1000px) scaleY(2) scaleX(.2);transform-origin:50% 0;filter:blur(240px);opacity:0}}@keyframes slideOutBlurredBottom{0%{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translateY(1000px) scaleY(2) scaleX(.2);transform-origin:50% 100%;filter:blur(240px);opacity:0}}@keyframes slideOutBlurredLeft{0%{transform:translateX(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translateX(-1000px) scaleX(2) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}}@keyframes slideOutBlurredRight{0%{transform:translateX(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translateX(1000px) scaleX(2) scaleY(.2);transform-origin:0 50%;filter:blur(40px);opacity:0}}.Vue-Toastification__slideBlurred-enter-active.bottom-left,.Vue-Toastification__slideBlurred-enter-active.top-left{animation-name:slideInBlurredLeft}.Vue-Toastification__slideBlurred-enter-active.bottom-right,.Vue-Toastification__slideBlurred-enter-active.top-right{animation-name:slideInBlurredRight}.Vue-Toastification__slideBlurred-enter-active.top-center{animation-name:slideInBlurredTop}.Vue-Toastification__slideBlurred-enter-active.bottom-center{animation-name:slideInBlurredBottom}.Vue-Toastification__slideBlurred-leave-active.bottom-left,.Vue-Toastification__slideBlurred-leave-active.top-left{animation-name:slideOutBlurredLeft}.Vue-Toastification__slideBlurred-leave-active.bottom-right,.Vue-Toastification__slideBlurred-leave-active.top-right{animation-name:slideOutBlurredRight}.Vue-Toastification__slideBlurred-leave-active.top-center{animation-name:slideOutBlurredTop}.Vue-Toastification__slideBlurred-leave-active.bottom-center{animation-name:slideOutBlurredBottom}.Vue-Toastification__slideBlurred-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}.brand-img{display:flex;margin:auto;margin-top:80px;margin-bottom:40px}.brand-img.checkout-img{border-radius:16px}.sidebar .i{min-height:32px}.sidebar .sidebar-item{align-self:center;display:flex;height:36px!important;width:36px!important;min-width:unset!important;border-radius:10px!important;background-color:transparent}.sidebar .sidebar-item.active{border-color:#e2e5ee!important;border-width:2px!important;background-color:#fff}.sidebar .sidebar-item:not(.active){box-shadow:none!important}.sidebar .sidebar-item:hover{background-color:#e2e5ee!important}.sidebar .sidebar-item i{align-self:center;margin:auto}.sidebar .v-list-item{color:#fff;display:flex;align-items:center;min-height:64px!important}.sidebar .v-list-item-title{font-size:1.2rem;font-weight:400;letter-spacing:.009375em;line-height:1.5;text-transform:none}.active-sidebar-item{background:var(--text-color)!important;color:#fff!important}.custom-bottom-navigation{background:var(--text-color)!important;position:fixed;bottom:0;left:0;right:0;z-index:1000;box-shadow:0 -2px 10px rgba(0,0,0,.2)}.ql-custom-button{padding:var(--btn-padding)!important;box-shadow:none!important;text-transform:none!important;font-size:var(--btn-font-size)!important;font-weight:var(--btn-font-weight)!important;letter-spacing:0!important;border-radius:var(--btn-border-radius)!important;height:unset!important;background:var(--secondary)}.v-btn--size-x-small{--v-btn-height:10px!important}.v-btn__content{text-transform:none;letter-spacing:0!important}.v-btn.v-btn--rounded{border-radius:8px!important}.button-secondary{background:var(--secondary)!important}.button-secondary .v-btn__content{color:#000}.button-text-color{background:var(--text-color)!important}.button-text-color .v-btn__content{color:#fff;font-size:16px}.button-text-color i{font-size:20px}.button-gray{background:var(--light-gray)!important}.button-gray .v-btn__content{color:#000}.btn{box-shadow:0 2px 2px 0 rgba(0,0,0,.06)!important}.qsp-btn,.qsp-btn-primary{box-shadow:none!important}.qsp-btn-primary{background:var(--text-color)!important}.qsp-btn-primary span{color:#fff}.btn-medium-small{--v-btn-size:0.75rem!important;--v-btn-height:20px!important}.v-table.qsp-datatable{box-shadow:0 2px 8px rgba(0,0,0,.08);border-radius:10px!important;padding:8px!important}.v-table.qsp-datatable .v-data-table__td{font-size:14px!important}.v-table.qsp-datatable .v-data-table-header__content{font-weight:700;font-size:16px!important}.modern-dialog .v-dialog__content .v-card{border-radius:16px!important;box-shadow:0 20px 60px rgba(0,0,0,.15)!important;overflow:hidden}.selected-row{background-color:var(--light-gray)!important}.products-settings-main{background:#fafafa;min-height:100vh}.products-settings-main .modern-settings-toolbar{background:#fff;border-bottom:1px solid #e5e7eb;padding:24px 32px}@media(max-width:768px){.products-settings-main .modern-settings-toolbar{padding:16px 20px}}.products-settings-main .products-content{padding:32px}@media(max-width:768px){.products-settings-main .products-content{padding:20px}}.products-settings-main .products-content .products-table-container{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.products-settings-main .products-content .products-table-container :deep(.v-data-table){background:transparent}.products-settings-main .products-content .products-table-container :deep(.v-data-table) .v-data-table__wrapper{border-radius:0}.products-settings-main .products-content .products-table-container :deep(.v-data-table) .v-data-table-header{background:#f8fafc}.products-settings-main .products-content .products-table-container :deep(.v-data-table) .v-data-table-header th{background:transparent!important;border-bottom:1px solid #e2e8f0!important;font-weight:600!important;font-size:13px!important;color:var(--text-color)!important;text-transform:uppercase;letter-spacing:.025em;padding:16px!important;height:56px!important}.products-settings-main .products-content .products-table-container :deep(.v-data-table) .v-data-table-header th:first-child{padding-left:24px!important}.products-settings-main .products-content .products-table-container :deep(.v-data-table) .v-data-table-header th:last-child{padding-right:24px!important}.products-settings-main .products-content .products-table-container :deep(.v-data-table) tbody tr{cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f1f5f9!important}.products-settings-main .products-content .products-table-container :deep(.v-data-table) tbody tr:hover{background:#f8fafc!important}.products-settings-main .products-content .products-table-container :deep(.v-data-table) tbody tr:last-child{border-bottom:none!important}.products-settings-main .products-content .products-table-container :deep(.v-data-table) tbody tr td{padding:16px!important;font-size:14px!important;color:var(--text-color)!important;border-bottom:none!important;height:64px!important}.products-settings-main .products-content .products-table-container :deep(.v-data-table) tbody tr td:first-child{padding-left:24px!important;font-weight:500}.products-settings-main .products-content .products-table-container :deep(.v-data-table) tbody tr td:last-child{padding-right:24px!important}.products-settings-main .products-content .products-table-container .action-menu-btn :deep(.v-btn){border-radius:8px!important;width:32px!important;height:32px!important;min-width:32px!important}.products-settings-main .products-content .products-table-container .actions-menu{border-radius:8px!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)!important;border:1px solid #e5e7eb!important;overflow:hidden}.products-settings-main .products-content .products-table-container .actions-menu .action-item{padding:12px 16px!important;min-height:44px!important;transition:background-color .2s ease}.products-settings-main .products-content .products-table-container .actions-menu .action-item:hover{background:#f9fafb!important}.products-settings-main .products-content .products-table-container .actions-menu .action-item :deep(.v-list-item-title){font-size:14px;font-weight:500;color:var(--text-color)}.products-settings-main .products-content .status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.products-settings-main .products-content .status-badge.active{background:#dcfce7;color:#166534}.products-settings-main .products-content .status-badge.inactive{background:#fef2f2;color:#991b1b}.products-settings-main .products-content .status-badge.pending{background:#fef3c7;color:#92400e}.products-settings-main .products-content .source-type-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;font-weight:500;color:var(--text-gray)}.products-settings-main .products-content .source-type-badge .type-icon{width:16px;height:16px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px}.products-settings-main .products-content .date-text{font-size:13px;color:var(--text-gray);font-weight:400}.products-settings-main .empty-state{text-align:center;padding:64px 32px;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.products-settings-main .empty-state .empty-icon{width:80px;height:80px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;margin:0 auto 24px auto}.products-settings-main .empty-state .empty-icon .v-icon{color:var(--text-gray)}.products-settings-main .empty-state .empty-title{font-size:20px;font-weight:600;color:var(--text-color);margin:0 0 8px 0}.products-settings-main .empty-state .empty-description{font-size:14px;color:var(--text-gray);margin:0 0 32px 0;line-height:1.5}.products-settings-main .empty-state .empty-action{text-transform:none!important;font-weight:500!important;border-radius:8px!important;padding:12px 24px!important;height:auto!important;min-height:44px!important}.modern-create-list-dialog{border-radius:16px!important;overflow:hidden}.modern-create-list-dialog .dialog-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0 24px;margin-bottom:24px}.modern-create-list-dialog .dialog-header .header-content{display:flex;align-items:center;gap:16px;flex:1}.modern-create-list-dialog .dialog-header .header-content .header-icon{width:48px;height:48px;border-radius:12px;background:#f1f5f9;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modern-create-list-dialog .dialog-header .header-content .header-text .dialog-title{font-size:20px;font-weight:600;color:var(--text-color);margin:0 0 4px 0;line-height:1.3}.modern-create-list-dialog .dialog-header .header-content .header-text .dialog-subtitle{font-size:14px;color:var(--text-gray);margin:0;line-height:1.4}.modern-create-list-dialog .dialog-header .close-btn :deep(.v-btn){border-radius:8px!important;width:40px!important;height:40px!important;min-width:40px!important}.modern-create-list-dialog .dialog-content{padding:0 24px}.modern-create-list-dialog .dialog-content .field-group{margin-bottom:24px}.modern-create-list-dialog .dialog-content .field-group .field-label{display:block;font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:6px}.modern-create-list-dialog .dialog-content .field-group .field-description{font-size:13px;color:var(--text-gray);margin:0 0 12px 0;line-height:1.4}.modern-create-list-dialog .dialog-content .field-group .modern-field :deep(.v-field){border-radius:8px!important}.modern-create-list-dialog .dialog-content .field-group .modern-field :deep(.v-field).v-field--focused{box-shadow:0 0 0 2px rgba(99,102,241,.1)!important}.modern-create-list-dialog .dialog-content .field-group .modern-field :deep(.v-field__input){padding:12px 16px!important;min-height:44px!important}.modern-create-list-dialog .dialog-content .field-group .modern-field :deep(.v-field__input input){font-size:14px}.modern-create-list-dialog .dialog-content .info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.modern-create-list-dialog .dialog-content .info-card .info-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.modern-create-list-dialog .dialog-content .info-card .info-header .info-title{font-size:14px;font-weight:600;color:var(--text-color)}.modern-create-list-dialog .dialog-content .info-card .info-list{margin:0;padding-left:20px;color:var(--text-gray)}.modern-create-list-dialog .dialog-content .info-card .info-list li{font-size:13px;line-height:1.5;margin-bottom:4px}.modern-create-list-dialog .dialog-content .info-card .info-list li:last-child{margin-bottom:0}.modern-create-list-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #f3f4f6;margin-top:32px}.modern-create-list-dialog .dialog-actions .action-btn{text-transform:none!important;font-weight:500!important;border-radius:8px!important;padding:12px 20px!important;height:auto!important;min-height:44px!important}.modern-create-list-dialog .dialog-actions .action-btn.cancel-btn{border:1px solid #d1d5db!important}.modern-create-list-dialog .dialog-actions .action-btn.cancel-btn:hover{background:#f9fafb!important;border-color:#9ca3af!important}.modern-create-list-dialog .dialog-actions .action-btn.create-btn:disabled{opacity:.5!important;cursor:not-allowed!important}:deep(.v-overlay__content){box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)!important}.products-settings-layout{background:#fafafa;min-height:100vh}.products-general-tab .general-form{background:#fff;border:1px solid #e5e7eb;padding:24px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.products-general-tab .general-form .form-section{margin-bottom:24px}.products-general-tab .general-form .form-section:last-child{margin-bottom:0}.products-general-tab .general-form .form-section .section-title{font-size:16px;font-weight:600;color:var(--text-color);margin:0 0 16px 0}.products-general-tab .general-form .form-section .field-group{margin-bottom:20px}.products-general-tab .general-form .form-section .field-group:last-child{margin-bottom:0}.products-general-tab .general-form .form-section .field-group .field-label{display:block;font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:6px}.products-general-tab .general-form .form-section .field-group .field-description{font-size:13px;color:var(--text-gray);margin:0 0 12px 0;line-height:1.4}.products-general-tab .general-form .form-section .field-group .modern-field :deep(.v-field){border-radius:8px!important}.products-general-tab .general-form .form-section .field-group .modern-field :deep(.v-field).v-field--focused{box-shadow:0 0 0 2px rgba(99,102,241,.1)!important}.products-general-tab .general-form .form-section .field-group .modern-field :deep(.v-field__input){padding:12px 16px!important;min-height:44px!important}.products-general-tab .general-form .form-section .field-group .modern-field :deep(.v-field__input input){font-size:14px}.products-data-table{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.products-data-table :deep(.v-data-table){background:transparent}.products-data-table :deep(.v-data-table) .v-data-table__wrapper{border-radius:0}.products-data-table :deep(.v-data-table) .v-data-table-header{background:#f8fafc}.products-data-table :deep(.v-data-table) .v-data-table-header th{background:transparent!important;border-bottom:1px solid #e2e8f0!important;font-weight:600!important;font-size:13px!important;color:var(--text-color)!important;text-transform:uppercase;letter-spacing:.025em;padding:16px!important;height:56px!important}.products-data-table :deep(.v-data-table) .v-data-table-header th:first-child{padding-left:24px!important}.products-data-table :deep(.v-data-table) .v-data-table-header th:last-child{padding-right:24px!important}.products-data-table :deep(.v-data-table) tbody tr{transition:all .2s ease;border-bottom:1px solid #f1f5f9!important}.products-data-table :deep(.v-data-table) tbody tr:hover{background:#f8fafc!important}.products-data-table :deep(.v-data-table) tbody tr:last-child{border-bottom:none!important}.products-data-table :deep(.v-data-table) tbody tr td{padding:16px!important;font-size:14px!important;color:var(--text-color)!important;border-bottom:none!important;height:64px!important}.products-data-table :deep(.v-data-table) tbody tr td:first-child{padding-left:24px!important;font-weight:500}.products-data-table :deep(.v-data-table) tbody tr td:last-child{padding-right:24px!important}.products-data-table .product-thumbnail{width:40px;height:40px;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden;background:#f8fafc}.products-data-table .editable-cell{cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s ease;min-height:36px;display:flex;align-items:center}.products-data-table .editable-cell:hover{background:rgba(var(--primary-rgb),.08)!important;color:var(--primary)!important;border:1px solid rgba(var(--primary-rgb),.2)!important}.products-mapping-tab .mapping-header{display:flex;align-items:center;justify-content:space-between}.products-mapping-tab .mapping-header .add-field-btn{text-transform:none!important;font-weight:500!important;border-radius:8px!important;padding:12px 20px!important;height:auto!important;min-height:44px!important}.products-mapping-tab .mapping-table{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.products-mapping-tab .mapping-table .mapping-select :deep(.v-field){border-radius:6px!important;min-height:36px!important}.products-mapping-tab .mapping-table .mapping-select :deep(.v-field__input){padding:8px 12px!important;min-height:36px!important}.products-integration-tab .integration-list{display:flex;flex-direction:column;gap:20px}.products-integration-tab .integration-list .integration-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:24px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);transition:all .2s ease}.products-integration-tab .integration-list .integration-card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.products-integration-tab .integration-list .integration-card .integration-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.products-integration-tab .integration-list .integration-card .integration-header .integration-title{font-size:18px;font-weight:600;color:var(--text-color);margin:0}.products-integration-tab .integration-list .integration-card .integration-header .integration-switch :deep(.v-switch) .v-selection-control{min-height:32px}.products-integration-tab .integration-list .integration-card .integration-header .integration-switch :deep(.v-switch) .v-selection-control__wrapper{height:32px}.products-integration-tab .integration-list .integration-card .integration-description{font-size:14px;color:var(--text-gray);line-height:1.5}.products-integration-tab .empty-integrations{text-align:center;padding:64px 32px;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.products-integration-tab .empty-integrations .empty-icon{width:80px;height:80px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;margin:0 auto 24px auto}.products-integration-tab .empty-integrations .empty-icon .v-icon{color:var(--text-gray)}.products-integration-tab .empty-integrations .empty-title{font-size:20px;font-weight:600;color:var(--text-color);margin:0 0 8px 0}.products-integration-tab .empty-integrations .empty-description{font-size:14px;color:var(--text-gray);margin:0;line-height:1.5}.modern-product-dialog{border-radius:16px!important;overflow:hidden}.modern-product-dialog .dialog-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0 24px;margin-bottom:24px}.modern-product-dialog .dialog-header .dialog-title{font-size:20px;font-weight:600;color:var(--text-color);margin:0}.modern-product-dialog .dialog-header .close-btn :deep(.v-btn){border-radius:8px!important;width:40px!important;height:40px!important;min-width:40px!important}.modern-product-dialog .dialog-content{padding:0 24px}.modern-product-dialog .dialog-content .field-group{margin-bottom:24px}.modern-product-dialog .dialog-content .field-group .field-label{display:block;font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:6px}.modern-product-dialog .dialog-content .field-group .modern-field :deep(.v-field){border-radius:8px!important}.modern-product-dialog .dialog-content .field-group .modern-field :deep(.v-field).v-field--focused{box-shadow:0 0 0 2px rgba(99,102,241,.1)!important}.modern-product-dialog .dialog-content .field-group .modern-field :deep(.v-field__input){padding:12px 16px!important;min-height:44px!important}.modern-product-dialog .dialog-content .field-group .modern-field :deep(.v-field__input input){font-size:14px}.modern-product-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #f3f4f6;margin-top:32px}.modern-product-dialog .dialog-actions .action-btn{text-transform:none!important;font-weight:500!important;border-radius:8px!important;padding:12px 20px!important;height:auto!important;min-height:44px!important}.modern-product-dialog .dialog-actions .action-btn.cancel-btn{border:1px solid #d1d5db!important}.modern-product-dialog .dialog-actions .action-btn.cancel-btn:hover{background:#f9fafb!important;border-color:#9ca3af!important}.modern-csv-dialog{border-radius:16px!important;overflow:hidden}.modern-csv-dialog .file-upload{position:relative;border:2px dashed #d1d5db;border-radius:12px;padding:40px 20px;text-align:center;transition:all .2s ease;cursor:pointer}.modern-csv-dialog .file-upload:hover{border-color:var(--primary);background:rgba(var(--primary-rgb),.02)}.modern-csv-dialog .file-upload .file-input-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.modern-csv-dialog .file-upload .file-upload-text{font-size:14px;color:var(--text-gray);font-weight:500}.modern-csv-dialog .file-row{display:flex;align-items:center;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:12px}.modern-csv-dialog .file-row .file-text{flex:1;font-size:14px;color:var(--text-color);font-weight:500}.modern-csv-dialog .file-row .v-icon{cursor:pointer;transition:color .2s ease}.modern-csv-dialog .file-row .v-icon:hover{color:var(--primary)}.modern-fields-dialog{border-radius:16px!important;overflow:hidden}.modern-fields-dialog .search-section{margin-bottom:24px}.modern-fields-dialog .search-section .search-field :deep(.v-field){border-radius:8px!important}.modern-fields-dialog .search-section .search-field :deep(.v-field__input){padding:12px 16px!important;min-height:44px!important}.modern-fields-dialog .field-mapping-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px}.modern-fields-dialog .field-mapping-item:last-child{margin-bottom:0}.modern-fields-dialog .field-mapping-item .field-info{width:200px;flex-shrink:0}.modern-fields-dialog .field-mapping-item .field-info .field-title{font-size:14px;font-weight:600;color:var(--text-color);margin:0 0 4px 0}.modern-fields-dialog .field-mapping-item .field-info .field-example{font-size:12px;color:var(--text-gray);margin:0}.modern-fields-dialog .field-mapping-item .field-select{flex:1}.modern-fields-dialog .field-mapping-item .field-select :deep(.v-field){border-radius:8px!important}.modern-fields-dialog .field-mapping-item .field-select :deep(.v-field__input){padding:12px 16px!important;min-height:44px!important}.modern-fields-dialog .field-mapping-item .remove-btn :deep(.v-btn){border-radius:8px!important;width:40px!important;height:40px!important;min-width:40px!important}.modern-fields-dialog .skeleton-loader{display:flex;align-items:center;gap:16px;padding:16px;margin-bottom:12px}.modern-fields-dialog .skeleton-loader .skeleton-info{width:200px;flex-shrink:0}.modern-fields-dialog .skeleton-loader .skeleton-select{flex:1}.modern-fields-dialog .no-fields-message{text-align:center;padding:40px 20px;color:var(--text-gray);font-size:14px}.modern-products-page{background:#fafafa;min-height:100vh}.modern-products-page .products-content{padding:32px}@media(max-width:768px){.modern-products-page .products-content{padding:20px}}.products-integration-overview{padding:24px}.products-integration-overview .section{margin-bottom:40px}.products-integration-overview .section:last-child{margin-bottom:0}.products-integration-overview .section .section-header{margin-bottom:24px}.products-integration-overview .section .section-header .section-title{font-size:20px;font-weight:600;color:var(--text-color);margin:0 0 8px 0}.products-integration-overview .section .section-header .section-description{font-size:14px;color:var(--text-gray);margin:0;line-height:1.5}.products-integration-overview .section .integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}@media(max-width:768px){.products-integration-overview .section .integrations-grid{grid-template-columns:1fr;gap:16px}}.products-integration-overview .section .integrations-grid .integration-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .2s ease;cursor:pointer}.products-integration-overview .section .integrations-grid .integration-card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transform:translateY(-2px)}.products-integration-overview .section .integrations-grid .integration-card.connected{border-color:var(--systemgreen);background:rgba(var(--systemgreen-rgb),.08)}.products-integration-overview .section .integrations-grid .integration-card.inactive{border-color:var(--systemorange);background:rgba(var(--systemorange-rgb),.08)}.products-integration-overview .section .integrations-grid .integration-card.available{border-style:dashed;border-color:#d1d5db}.products-integration-overview .section .integrations-grid .integration-card.available:hover{border-color:var(--primary);background:rgba(var(--primary-rgb),.02)}.products-integration-overview .section .integrations-grid .integration-card .card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.products-integration-overview .section .integrations-grid .integration-card .card-header .integration-icon{width:48px;height:48px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.products-integration-overview .section .integrations-grid .integration-card .card-header .connection-status .v-chip{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.products-integration-overview .section .integrations-grid .integration-card .card-content{margin-bottom:20px}.products-integration-overview .section .integrations-grid .integration-card .card-content .integration-name{font-size:18px;font-weight:600;color:var(--text-color);margin:0 0 8px 0}.products-integration-overview .section .integrations-grid .integration-card .card-content .integration-description{font-size:14px;color:var(--text-gray);margin:0;line-height:1.5}.products-integration-overview .section .integrations-grid .integration-card .card-actions{display:flex;align-items:center;justify-content:space-between}.products-integration-overview .section .integrations-grid .integration-card .card-actions .connect-btn{text-transform:none!important;font-weight:500!important;border-radius:8px!important;padding:8px 16px!important;height:auto!important;min-height:36px!important}.products-integration-overview .section .integrations-grid .integration-card .card-actions .sync-switch :deep(.v-switch) .v-selection-control{min-height:32px}.products-integration-overview .section .integrations-grid .integration-card .card-actions .sync-switch :deep(.v-switch) .v-selection-control__wrapper{height:32px}.products-integration-overview .section .integrations-grid .integration-card .card-actions .sync-switch :deep(.v-switch) .v-label{font-size:13px;color:var(--text-gray);font-weight:500}.products-integration-overview .empty-state{text-align:center;padding:80px 32px}.products-integration-overview .empty-state .empty-state-content{max-width:400px;margin:0 auto}.products-integration-overview .empty-state .empty-state-content .empty-title{font-size:20px;font-weight:600;color:var(--text-color);margin:24px 0 8px 0}.products-integration-overview .empty-state .empty-state-content .empty-description{font-size:14px;color:var(--text-gray);margin:0 0 32px 0;line-height:1.6}.products-integration-overview .empty-state .empty-state-content .v-btn{text-transform:none!important;font-weight:500!important;border-radius:8px!important;padding:12px 24px!important;height:auto!important;min-height:44px!important}.import-window{background:#fafafa;min-height:100vh;padding:40px}@media(max-width:768px){.import-window{padding:20px}}.import-window .import-header{text-align:center;margin-bottom:48px}.import-window .import-header h1{font-size:32px;font-weight:600;color:var(--text-color);margin:0}@media(max-width:768px){.import-window .import-header h1{font-size:24px}}.import-step-container{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:500px;padding:40px 20px}@media(max-width:768px){.import-step-container{padding:20px}}.import-cards-grid{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}@media(max-width:768px){.import-cards-grid{flex-direction:column;gap:16px}}.import-cards-grid .import-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:32px 24px;min-width:280px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;text-align:center}.import-cards-grid .import-card:hover{border-color:var(--primary);background:rgba(var(--primary-rgb),.02);transform:translateY(-4px);box-shadow:0 8px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.import-cards-grid .import-card:active{transform:translateY(-2px)}.import-cards-grid .import-card h2{font-size:20px;font-weight:600;color:var(--text-color);margin:16px 0 0 0}.import-cards-grid .import-card p{font-size:14px;color:var(--text-gray);margin:8px 0 0 0;line-height:1.4}.import-cards-grid .import-card .card-icon{width:64px;height:64px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.import-cards-grid .import-card .card-icon .v-icon{color:var(--primary)}.import-cards-grid .import-card .card-icon svg{fill:var(--primary);stroke:var(--primary)}@media(max-width:768px){.import-cards-grid .import-card{min-width:100%;padding:24px;min-height:160px}.import-cards-grid .import-card h2{font-size:18px}}.source-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:32px;max-width:600px;width:100%;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.source-card .field-group{margin-bottom:24px}.source-card .field-group:last-child{margin-bottom:0}.source-card .field-group .field-label{display:block;font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:6px}.source-card .field-group .modern-field :deep(.v-field){border-radius:8px!important}.source-card .field-group .modern-field :deep(.v-field).v-field--focused{box-shadow:0 0 0 2px rgba(99,102,241,.1)!important}.source-card .field-group .modern-field :deep(.v-field__input){padding:12px 16px!important;min-height:44px!important}.source-card .field-group .modern-field :deep(.v-field__input input){font-size:14px}.source-card .selected-source-info{margin-top:20px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.source-card .selected-source-info .info-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.source-card .selected-source-info .info-header .info-title{font-size:14px;font-weight:600;color:var(--text-color)}.source-card .selected-source-info .source-description{font-size:13px;color:var(--text-gray);margin:0;line-height:1.4}@media(max-width:768px){.source-card{padding:24px}}.file-drop-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;max-width:600px;width:100%;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.file-drop-card .dropzone{border:2px dashed #d1d5db;border-radius:12px;padding:40px 20px;text-align:center;transition:all .2s ease;cursor:pointer;background:#fafafa}.file-drop-card .dropzone:hover{border-color:var(--primary);background:rgba(var(--primary-rgb),.02)}.file-drop-card .dropzone.dropzone--active{border-color:var(--primary);background:rgba(var(--primary-rgb),.05)}.file-drop-card .dropzone .v-icon{color:var(--primary);margin-bottom:16px}.file-drop-card .dropzone .text-h6{font-size:18px;font-weight:600;color:var(--text-color);margin-bottom:8px}.file-drop-card .dropzone .text-caption{font-size:14px;color:var(--text-gray)}.file-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:32px}@media(max-width:768px){.file-cards-grid{grid-template-columns:1fr;gap:16px}}.file-cards-grid .file-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.file-cards-grid .file-card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.file-cards-grid .file-card .file-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.file-cards-grid .file-card .file-header .file-icon{width:40px;height:40px;border-radius:8px;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.file-cards-grid .file-card .file-header .file-icon .v-icon{color:var(--primary)}.file-cards-grid .file-card .file-header .file-info{flex:1}.file-cards-grid .file-card .file-header .file-info .file-name{font-size:14px;font-weight:600;color:var(--text-color);margin:0 0 4px 0}.file-cards-grid .file-card .file-header .file-info .file-size{font-size:12px;color:var(--text-gray);margin:0}.file-cards-grid .file-card .modern-field :deep(.v-field){border-radius:8px!important}.file-cards-grid .file-card .modern-field :deep(.v-field__input){padding:12px 16px!important;min-height:44px!important}.import-integration-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;width:100%}@media(max-width:768px){.import-integration-cards{grid-template-columns:1fr;gap:16px}}.import-integration-cards .import-integration-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease}.import-integration-cards .import-integration-card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transform:translateY(-2px)}.import-integration-cards .import-integration-card .header{padding:24px 24px 16px 24px;display:flex;justify-content:center;align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9}.import-integration-cards .import-integration-card .header .integration-logo{width:80px;height:80px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center}.import-integration-cards .import-integration-card .body{padding:24px}.import-integration-cards .import-integration-card .body h2{font-size:18px;font-weight:600;color:var(--text-color);margin:0 0 8px 0}.import-integration-cards .import-integration-card .body p{font-size:14px;color:var(--text-gray);margin:0;line-height:1.5}.import-data-table{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);margin-top:24px}.import-data-table :deep(.v-data-table){background:transparent}.import-data-table :deep(.v-data-table) .v-data-table__wrapper{border-radius:0}.import-data-table :deep(.v-data-table) .v-data-table-header{background:#f8fafc}.import-data-table :deep(.v-data-table) .v-data-table-header th{background:transparent!important;border-bottom:1px solid #e2e8f0!important;font-weight:600!important;font-size:13px!important;color:var(--text-color)!important;text-transform:uppercase;letter-spacing:.025em;padding:16px!important;height:56px!important}.import-data-table :deep(.v-data-table) tbody tr{transition:all .2s ease;border-bottom:1px solid #f1f5f9!important}.import-data-table :deep(.v-data-table) tbody tr:hover{background:#f8fafc!important}.import-data-table :deep(.v-data-table) tbody tr.selected-row{background:rgba(var(--primary-rgb),.1)!important}.import-data-table :deep(.v-data-table) tbody tr td{padding:16px!important;font-size:14px!important;color:var(--text-color)!important;border-bottom:none!important;height:64px!important}.import-data-table .mapping-select :deep(.v-field){border-radius:6px!important;min-height:36px!important}.import-data-table .mapping-select :deep(.v-field__input){padding:8px 12px!important;min-height:36px!important}.import-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:32px;max-width:600px;width:100%;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.import-summary-card .summary-header{text-align:center;margin-bottom:32px}.import-summary-card .summary-header .summary-icon{width:80px;height:80px;border-radius:16px;background:#f0fdf4;border:1px solid #bbf7d0;display:flex;align-items:center;justify-content:center;margin:0 auto 16px auto}.import-summary-card .summary-header .summary-icon .v-icon{color:#16a34a}.import-summary-card .summary-header .summary-title{font-size:24px;font-weight:600;color:var(--text-color);margin:0 0 8px 0}.import-summary-card .summary-header .summary-subtitle{font-size:14px;color:var(--text-gray);margin:0}.import-summary-card .summary-details{display:flex;flex-direction:column;gap:16px}.import-summary-card .summary-details .summary-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #f1f5f9}.import-summary-card .summary-details .summary-item .item-icon{width:32px;height:32px;border-radius:6px;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.import-summary-card .summary-details .summary-item .item-icon .v-icon{color:var(--primary);font-size:16px}.import-summary-card .summary-details .summary-item .item-content{flex:1}.import-summary-card .summary-details .summary-item .item-content .item-label{font-size:12px;font-weight:600;color:var(--text-gray);text-transform:uppercase;letter-spacing:.025em;margin:0 0 4px 0}.import-summary-card .summary-details .summary-item .item-content .item-value{font-size:14px;font-weight:500;color:var(--text-color);margin:0}.import-summary-card .summary-details .summary-item .item-content ul{margin:8px 0 0 0;padding-left:16px}.import-summary-card .summary-details .summary-item .item-content ul li{font-size:13px;color:var(--text-gray);margin-bottom:4px}.import-summary-card .summary-details .summary-item .item-content ul li:last-child{margin-bottom:0}@media(max-width:768px){.import-summary-card{padding:24px}.import-summary-card .summary-header .summary-title{font-size:20px}}.import-summary-text{font-size:14px;color:var(--text-color);margin-bottom:8px;line-height:1.5}.import-summary-text strong{font-weight:600;color:var(--text-color)}.example-data{color:var(--text-gray);font-size:13px;font-style:italic}.document-item{display:flex;align-items:center;gap:12px}.document-item .document-icon{color:var(--primary)}.document-item .document-name{font-weight:500}.document-date{color:var(--text-gray);font-size:13px}.item-description{font-size:12px;color:var(--text-gray);margin:4px 0 0 0;font-style:italic}.modern-members-page{background:#fafafa;min-height:100vh}.modern-members-page .members-content{padding:32px}@media(max-width:768px){.modern-members-page .members-content{padding:20px}}.modern-members-page .members-content .members-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.modern-members-page .members-content .members-stats .stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .2s ease}.modern-members-page .members-content .members-stats .stat-card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.modern-members-page .members-content .members-stats .stat-card .stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modern-members-page .members-content .members-stats .stat-card .stat-header .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.modern-members-page .members-content .members-stats .stat-card .stat-header .stat-icon.total{background:#eff6ff;border:1px solid #bfdbfe}.modern-members-page .members-content .members-stats .stat-card .stat-header .stat-icon.total .v-icon{color:#2563eb}.modern-members-page .members-content .members-stats .stat-card .stat-header .stat-icon.active{background:#f0fdf4;border:1px solid #bbf7d0}.modern-members-page .members-content .members-stats .stat-card .stat-header .stat-icon.active .v-icon{color:#16a34a}.modern-members-page .members-content .members-stats .stat-card .stat-header .stat-icon.inactive{background:#fef2f2;border:1px solid #fecaca}.modern-members-page .members-content .members-stats .stat-card .stat-header .stat-icon.inactive .v-icon{color:#dc2626}.modern-members-page .members-content .members-stats .stat-card .stat-number{font-size:28px;font-weight:700;color:var(--text-color);margin:0 0 4px 0}.modern-members-page .members-content .members-stats .stat-card .stat-label{font-size:14px;color:var(--text-gray);margin:0;font-weight:500}.modern-members-page .members-content .modern-members-table{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.modern-members-page .members-content .modern-members-table :deep(.v-data-table){background:transparent}.modern-members-page .members-content .modern-members-table :deep(.v-data-table) .v-data-table__wrapper{border-radius:0}.modern-members-page .members-content .modern-members-table :deep(.v-data-table) .v-data-table-header{background:#f8fafc}.modern-members-page .members-content .modern-members-table :deep(.v-data-table) .v-data-table-header th{background:transparent!important;border-bottom:1px solid #e2e8f0!important;font-weight:600!important;font-size:13px!important;color:var(--text-color)!important;text-transform:uppercase;letter-spacing:.025em;padding:16px!important;height:56px!important}.modern-members-page .members-content .modern-members-table :deep(.v-data-table) tbody tr{transition:all .2s ease;border-bottom:1px solid #f1f5f9!important}.modern-members-page .members-content .modern-members-table :deep(.v-data-table) tbody tr:hover{background:#f8fafc!important}.modern-members-page .members-content .modern-members-table :deep(.v-data-table) tbody tr td{padding:16px!important;font-size:14px!important;color:var(--text-color)!important;border-bottom:none!important;height:72px!important}.modern-members-page .members-content .modern-members-table .member-info{display:flex;align-items:center;gap:12px}.modern-members-page .members-content .modern-members-table .member-info .member-avatar{width:40px;height:40px;border-radius:8px;background:#f1f5f9;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center}.modern-members-page .members-content .modern-members-table .member-info .member-avatar .v-icon{color:var(--text-gray)}.modern-members-page .members-content .modern-members-table .member-info .member-details .member-name{font-size:14px;font-weight:600;color:var(--text-color);margin:0 0 2px 0}.modern-members-page .members-content .modern-members-table .member-info .member-details .member-email{font-size:12px;color:var(--text-gray);margin:0}.modern-members-page .members-content .modern-members-table .member-role{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.modern-members-page .members-content .modern-members-table .member-role.admin{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.modern-members-page .members-content .modern-members-table .member-role.user{background:#e0e7ff;color:#3730a3;border:1px solid #c7d2fe}.modern-members-page .members-content .modern-members-table .action-menu-btn :deep(.v-btn){border-radius:6px!important;width:32px!important;height:32px!important;min-width:32px!important}.modern-members-page .members-content .modern-members-table .actions-menu :deep(.v-overlay__content){border-radius:8px!important;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important}.modern-members-page .members-content .modern-members-table .actions-menu .action-item{padding:12px 16px!important;min-height:44px!important;transition:all .2s ease}.modern-members-page .members-content .modern-members-table .actions-menu .action-item:hover{background:#f8fafc!important}.modern-members-page .members-content .modern-members-table .actions-menu .action-item :deep(.v-list-item__prepend){margin-right:12px}.modern-members-page .members-content .modern-members-table .actions-menu .action-item :deep(.v-list-item-title){font-size:14px!important;font-weight:500!important}.modern-members-dialog :deep(.v-overlay__content){border-radius:12px!important;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)!important}.modern-members-dialog .dialog-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0 24px;margin-bottom:20px}.modern-members-dialog .dialog-header .header-content{flex:1}.modern-members-dialog .dialog-header .header-content .dialog-title{font-size:20px;font-weight:600;color:var(--text-color);margin:0 0 4px 0}.modern-members-dialog .dialog-header .header-content .dialog-subtitle{font-size:14px;color:var(--text-gray);margin:0}.modern-members-dialog .dialog-header .close-btn :deep(.v-btn){border-radius:8px!important;width:40px!important;height:40px!important;min-width:40px!important}.modern-members-dialog .dialog-content{padding:0 24px 20px 24px}.modern-members-dialog .dialog-content .field-group{margin-bottom:24px}.modern-members-dialog .dialog-content .field-group:last-child{margin-bottom:0}.modern-members-dialog .dialog-content .field-group .field-label{display:block;font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:6px}.modern-members-dialog .dialog-content .field-group .field-description{font-size:13px;color:var(--text-gray);margin:4px 0 0 0;line-height:1.4}.modern-members-dialog .dialog-content .field-group .modern-field :deep(.v-field){border-radius:8px!important}.modern-members-dialog .dialog-content .field-group .modern-field :deep(.v-field).v-field--focused{box-shadow:0 0 0 2px rgba(99,102,241,.1)!important}.modern-members-dialog .dialog-content .field-group .modern-field :deep(.v-field__input){padding:12px 16px!important;min-height:44px!important}.modern-members-dialog .dialog-content .field-group .modern-field :deep(.v-field__input input){font-size:14px}.modern-members-dialog .dialog-content .field-group .role-selection :deep(.v-radio-group) .v-selection-control{margin-bottom:12px}.modern-members-dialog .dialog-content .field-group .role-selection :deep(.v-radio-group) .v-selection-control:last-child{margin-bottom:0}.modern-members-dialog .dialog-content .field-group .role-selection :deep(.v-radio-group) .v-label{font-size:14px;color:var(--text-color);font-weight:500}.modern-members-dialog .dialog-content .field-group .role-selection :deep(.v-radio-group) .v-selection-control__input .v-icon{color:var(--primary)}.modern-members-dialog .dialog-content .field-group .role-selection .role-option .role-info{display:flex;flex-direction:column;gap:2px}.modern-members-dialog .dialog-content .field-group .role-selection .role-option .role-info .role-title{font-size:14px;font-weight:600;color:var(--text-color)}.modern-members-dialog .dialog-content .field-group .role-selection .role-option .role-info .role-description{font-size:12px;color:var(--text-gray)}.modern-members-dialog .dialog-content .field-group .status-options{display:flex;gap:12px}.modern-members-dialog .dialog-content .field-group .status-options .status-option{flex:1;padding:16px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:center}.modern-members-dialog .dialog-content .field-group .status-options .status-option:hover{border-color:#d1d5db;background:#f9fafb}.modern-members-dialog .dialog-content .field-group .status-options .status-option.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.05)}.modern-members-dialog .dialog-content .field-group .status-options .status-option .option-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px auto}.modern-members-dialog .dialog-content .field-group .status-options .status-option .option-icon.active{background:#dcfce7}.modern-members-dialog .dialog-content .field-group .status-options .status-option .option-icon.active .v-icon{color:#16a34a}.modern-members-dialog .dialog-content .field-group .status-options .status-option .option-icon.inactive{background:#fee2e2}.modern-members-dialog .dialog-content .field-group .status-options .status-option .option-icon.inactive .v-icon{color:#dc2626}.modern-members-dialog .dialog-content .field-group .status-options .status-option .option-label{font-size:14px;font-weight:600;color:var(--text-color);margin:0 0 4px 0}.modern-members-dialog .dialog-content .field-group .status-options .status-option .option-description{font-size:12px;color:var(--text-gray);margin:0}.modern-members-dialog .dialog-actions{padding:20px 24px 24px 24px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #f1f5f9}.modern-members-dialog .dialog-actions .action-btn{text-transform:none!important;font-weight:500!important;border-radius:8px!important;padding:12px 20px!important;height:auto!important;min-height:44px!important;min-width:100px!important}.modern-members-dialog .dialog-actions .action-btn.cancel-btn{border:1px solid #d1d5db!important;color:var(--text-color)!important}.modern-members-dialog .dialog-actions .action-btn.cancel-btn:hover{background:#f9fafb!important;border-color:#9ca3af!important}.modern-members-dialog .dialog-actions .action-btn.primary-btn{background:var(--primary)!important;color:#fff!important}.modern-members-dialog .dialog-actions .action-btn.primary-btn:hover{background:var(--primary-dark)!important}.modern-members-dialog .dialog-actions .action-btn.primary-btn:disabled{opacity:.6!important}.modern-confirm-dialog :deep(.v-overlay__content){border-radius:12px!important;max-width:400px!important}.modern-confirm-dialog .confirm-header{text-align:center;margin-bottom:20px}.modern-confirm-dialog .confirm-header .confirm-icon{width:64px;height:64px;border-radius:12px;background:#fef2f2;border:1px solid #fecaca;display:flex;align-items:center;justify-content:center;margin:0 auto 16px auto}.modern-confirm-dialog .confirm-header .confirm-icon .v-icon{color:#dc2626}.modern-confirm-dialog .confirm-header .confirm-title{font-size:18px;font-weight:600;color:var(--text-color);margin:0 0 8px 0}.modern-confirm-dialog .confirm-header .confirm-message{font-size:14px;color:var(--text-gray);margin:0;line-height:1.5}.status-chip.active{background:#dcfce7!important;color:#166534!important;border:1px solid #bbf7d0}.status-chip.inactive{background:#fee2e2!important;color:#991b1b!important;border:1px solid #fecaca}.modern-flows-page{background:#fafafa;min-height:100vh;padding:32px}@media(max-width:768px){.modern-flows-page{padding:20px}}.modern-flows-page .flows-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modern-flows-page .flows-header .header-content{flex:1}.modern-flows-page .flows-header .header-content .page-title{font-size:28px;font-weight:700;color:var(--text-color);margin:0}@media(max-width:768px){.modern-flows-page .flows-header .header-content .page-title{font-size:24px}}.modern-flows-page .flows-description{font-size:16px;color:var(--text-gray);margin:0 0 32px 0;line-height:1.5}.modern-flows-page .flows-divider{margin:40px 0;border-color:#e5e7eb!important;opacity:1!important}.modern-flows-page .fade-stagger-container .fade-stagger-item{transition:all .6s ease;transition-delay:calc(var(--index)*.1s)}.modern-flows-page .fade-stagger-enter-from,.modern-flows-page .fade-stagger-leave-to{opacity:0;transform:translateY(30px)}.modern-flows-page .fade-stagger-enter-to,.modern-flows-page .fade-stagger-leave-from{opacity:1;transform:translateY(0)}.modern-flows-page .templates-section .section-header{margin-bottom:16px}.modern-flows-page .templates-section .section-header .section-title{font-size:20px;font-weight:600;color:var(--text-color);margin:0}.modern-flows-page .templates-section .section-description{font-size:16px;color:var(--text-gray);margin:0;line-height:1.6}.modern-flows-page .empty-state{text-align:center;padding:80px 32px}.modern-flows-page .empty-state .empty-state-content{max-width:400px;margin:0 auto}.modern-flows-page .empty-state .empty-state-content .empty-title{font-size:20px;font-weight:600;color:var(--text-color);margin:24px 0 8px 0}.modern-flows-page .empty-state .empty-state-content .empty-description{font-size:14px;color:var(--text-gray);margin:0 0 32px 0;line-height:1.6}.modern-flows-page .empty-state .empty-state-content .v-btn{text-transform:none!important;font-weight:500!important;border-radius:8px!important;padding:12px 24px!important;height:auto!important;min-height:44px!important}.modern-flow-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.modern-flow-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);border-color:var(--primary)}.modern-flow-card .card-visual{height:120px;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.modern-flow-card .card-visual svg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.modern-flow-card .card-visual:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.8),rgba(118,75,162,.8));opacity:0;transition:opacity .3s ease}.modern-flow-card .card-visual:hover:after{opacity:1}.modern-flow-card .card-content{padding:20px;flex:1;display:flex;flex-direction:column}.modern-flow-card .card-content .flow-name{font-size:16px;font-weight:600;color:var(--text-color);margin:0 0 8px 0;line-height:1.4}.modern-flow-card .card-content .flow-description{font-size:14px;color:var(--text-gray);margin:0;line-height:1.5;flex:1}.modern-flow-card .action-btn{transition:opacity .2s ease;position:absolute;top:0;right:0;opacity:0;width:32px;height:32px;min-width:32px;border-radius:6px}.modern-flow-card:hover .action-btn{opacity:1;z-index:200}.modern-create-flow-dialog .dialog-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0 24px;margin-bottom:20px}.modern-create-flow-dialog .dialog-header .header-content{flex:1}.modern-create-flow-dialog .dialog-header .header-content .dialog-title{font-size:20px;font-weight:600;color:var(--text-color);margin:0}.modern-create-flow-dialog .dialog-header .close-btn :deep(.v-btn){border-radius:8px!important;width:40px!important;height:40px!important;min-width:40px!important}.modern-create-flow-dialog .dialog-divider{margin:20px 24px;border-color:#e5e7eb!important;opacity:1!important}.modern-create-flow-dialog .dialog-content{padding:0 24px;flex:1}.modern-create-flow-dialog .dialog-content .field-group{margin-bottom:24px}.modern-create-flow-dialog .dialog-content .field-group .field-label{display:block;font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:8px}.modern-create-flow-dialog .dialog-content .field-group .modern-field :deep(.v-field){border-radius:8px!important}.modern-create-flow-dialog .dialog-content .field-group .modern-field :deep(.v-field).v-field--focused{box-shadow:0 0 0 2px rgba(99,102,241,.1)!important}.modern-create-flow-dialog .dialog-content .field-group .modern-field :deep(.v-field__input){padding:12px 16px!important;min-height:48px!important}.modern-create-flow-dialog .dialog-content .field-group .modern-field :deep(.v-field__input input){font-size:14px}.modern-create-flow-dialog .dialog-content .field-group .field-description{font-size:13px;color:var(--text-gray);margin:6px 0 0 0;line-height:1.4}.modern-create-flow-dialog .dialog-actions{padding:20px 24px 24px 24px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #f1f5f9}.modern-create-flow-dialog .dialog-actions .action-btn{text-transform:none!important;font-weight:500!important;border-radius:8px!important;padding:12px 20px!important;height:auto!important;min-height:44px!important;min-width:100px!important}.modern-create-flow-dialog .dialog-actions .action-btn.cancel-btn{border:1px solid #d1d5db!important;color:var(--text-color)!important}.modern-create-flow-dialog .dialog-actions .action-btn.cancel-btn:hover{background:#f9fafb!important;border-color:#9ca3af!important}.modern-create-flow-dialog .dialog-actions .action-btn.create-btn{background:var(--primary)!important;color:#fff!important}.modern-create-flow-dialog .dialog-actions .action-btn.create-btn:hover{background:var(--primary-dark)!important}.modern-create-flow-dialog .dialog-actions .action-btn.create-btn:disabled{opacity:.6!important}.modern-confirm-delete-dialog :deep(.v-overlay__content){border-radius:12px!important;max-width:450px!important;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)!important}.modern-confirm-delete-dialog .confirm-content{padding:32px;text-align:center}.modern-confirm-delete-dialog .confirm-content .confirm-icon{width:64px;height:64px;border-radius:12px;background:#fef2f2;border:1px solid #fecaca;display:flex;align-items:center;justify-content:center;margin:0 auto 20px auto}.modern-confirm-delete-dialog .confirm-content .confirm-icon .v-icon{color:#dc2626;font-size:32px}.modern-confirm-delete-dialog .confirm-content .confirm-title{font-size:20px;font-weight:600;color:var(--text-color);margin:0 0 12px 0;line-height:1.3}.modern-confirm-delete-dialog .confirm-content .confirm-title strong{color:#dc2626}.modern-confirm-delete-dialog .confirm-content .confirm-message{font-size:14px;color:var(--text-gray);margin:0 0 32px 0;line-height:1.6}.modern-confirm-delete-dialog .confirm-content .confirm-actions{display:flex;justify-content:center;gap:12px}.modern-confirm-delete-dialog .confirm-content .confirm-actions .action-btn{text-transform:none!important;font-weight:500!important;border-radius:8px!important;padding:12px 20px!important;height:auto!important;min-height:44px!important;min-width:100px!important}.modern-confirm-delete-dialog .confirm-content .confirm-actions .action-btn.cancel-btn{border:1px solid #d1d5db!important;color:var(--text-color)!important}.modern-confirm-delete-dialog .confirm-content .confirm-actions .action-btn.cancel-btn:hover{background:#f9fafb!important;border-color:#9ca3af!important}.modern-confirm-delete-dialog .confirm-content .confirm-actions .action-btn.delete-btn{background:#dc2626!important;color:#fff!important}.modern-confirm-delete-dialog .confirm-content .confirm-actions .action-btn.delete-btn:hover{background:#b91c1c!important}.flow-card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .3s ease;height:100%}.flow-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);border-color:var(--primary)}.flow-card .card-header{height:120px;overflow:hidden;position:relative;width:100%}.flow-card .text-subsubtitle{font-size:16px;font-weight:600;color:var(--text-color);margin:0}.flow-card .text-small{font-size:14px;color:var(--text-gray);margin:0;line-height:1.5}.flow-card .text-bold{font-weight:600}:deep(.v-navigation-drawer) .modern-create-flow-dialog{height:100%;display:flex;flex-direction:column}.modern-flow-builder{background:#f8fafc;min-height:100vh;width:100%;position:relative}.modern-flow-builder .flow-topbar{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);padding:0;z-index:10;position:relative}.modern-flow-builder .flow-topbar .flow-topbar-content{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;max-width:100%}.modern-flow-builder .flow-topbar .flow-topbar-content .topbar-left{display:flex;align-items:center;gap:16px}.modern-flow-builder .flow-topbar .flow-topbar-content .topbar-left .breadcrumb{display:flex;align-items:center;gap:8px}.modern-flow-builder .flow-topbar .flow-topbar-content .topbar-left .breadcrumb .breadcrumb-link{text-decoration:none;color:var(--text-gray);font-size:14px;font-weight:500;transition:color .2s ease}.modern-flow-builder .flow-topbar .flow-topbar-content .topbar-left .breadcrumb .breadcrumb-link:hover{color:var(--primary)}.modern-flow-builder .flow-topbar .flow-topbar-content .topbar-left .breadcrumb .breadcrumb-separator{color:#cbd5e1;font-size:14px}.modern-flow-builder .flow-topbar .flow-topbar-content .topbar-left .flow-name-field{width:300px}.modern-flow-builder .flow-topbar .flow-topbar-content .topbar-left .flow-name-field :deep(.v-field){border-radius:6px!important;background:transparent!important}.modern-flow-builder .flow-topbar .flow-topbar-content .topbar-left .flow-name-field :deep(.v-field).v-field--focused{background:#fff!important;box-shadow:0 0 0 2px rgba(99,102,241,.1)!important}.modern-flow-builder .flow-topbar .flow-topbar-content .topbar-left .flow-name-field :deep(.v-field__input){padding:8px 12px!important;min-height:36px!important;font-size:14px;font-weight:500}.modern-flow-builder .flow-topbar .flow-topbar-content .flow-topbar-navigation{display:flex;align-items:center;gap:4px;background:#f1f5f9;border-radius:8px;padding:4px}.modern-flow-builder .flow-topbar .flow-topbar-content .flow-topbar-navigation .nav-tab{text-transform:none!important;font-weight:500!important;border-radius:6px!important;padding:8px 16px!important;height:auto!important;min-height:36px!important;font-size:13px;transition:all .2s ease}.modern-flow-builder .flow-topbar .flow-topbar-content .flow-topbar-navigation .nav-tab.active{background:#fff!important;color:var(--primary)!important;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.modern-flow-builder .flow-topbar .flow-topbar-content .flow-topbar-navigation .nav-tab:not(.active){color:var(--text-gray)!important;background:transparent!important}.modern-flow-builder .flow-topbar .flow-topbar-content .flow-topbar-navigation .nav-tab:not(.active):hover{background:hsla(0,0%,100%,.5)!important}.modern-flow-builder .flow-topbar .flow-topbar-content .flow-topbar-navigation .nav-tab .v-icon{margin-right:6px}.modern-flow-builder .flow-topbar .flow-topbar-content .topbar-right{display:flex;align-items:center;gap:12px}.modern-flow-builder .flow-topbar .flow-topbar-content .topbar-right .action-buttons{display:flex;align-items:center;gap:8px}.modern-flow-builder .flow-topbar .flow-topbar-content .topbar-right .action-buttons .action-btn{text-transform:none!important;font-weight:500!important;border-radius:6px!important;padding:8px 12px!important;height:auto!important;min-height:36px!important;font-size:13px}.modern-flow-builder .flow-topbar .flow-topbar-content .topbar-right .action-buttons .action-btn.note-btn{color:var(--text-color)!important;border:1px solid #e2e8f0!important}.modern-flow-builder .flow-topbar .flow-topbar-content .topbar-right .action-buttons .action-btn.note-btn:hover{background:#f8fafc!important;border-color:#cbd5e1!important}.modern-flow-builder .flow-topbar .flow-topbar-content .topbar-right .action-buttons .action-btn.save-btn{background:var(--primary)!important;color:#fff!important}.modern-flow-builder .flow-topbar .flow-topbar-content .topbar-right .action-buttons .action-btn.save-btn:hover{background:var(--primary-dark)!important}.modern-flow-builder .flow-topbar .flow-topbar-content .topbar-right .topbar-divider{height:24px;border-color:#e2e8f0!important}.modern-flow-builder .flow-topbar .flow-topbar-content .topbar-right .more-menu .more-btn{width:36px!important;height:36px!important;min-width:36px!important;border-radius:6px!important;color:var(--text-gray)!important}.modern-flow-builder .flow-topbar .flow-topbar-content .topbar-right .more-menu .more-btn:hover{background:#f8fafc!important;color:var(--text-color)!important}.modern-flow-builder .flow-topbar .flow-topbar-content .topbar-right .more-menu :deep(.v-overlay__content){border-radius:8px!important;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important;border:1px solid #e2e8f0}.modern-flow-builder .flow-topbar .flow-topbar-content .topbar-right .more-menu .menu-item{padding:10px 16px!important;min-height:40px!important;font-size:14px}.modern-flow-builder .flow-topbar .flow-topbar-content .topbar-right .more-menu .menu-item:hover{background:#f8fafc!important}.modern-flow-builder .flow-topbar .flow-topbar-content .topbar-right .more-menu .menu-item.danger{color:#dc2626!important}.modern-flow-builder .flow-topbar .flow-topbar-content .topbar-right .more-menu .menu-item.danger:hover{background:#fef2f2!important}.modern-flow-builder .dndflow{background:#f8fafc;position:relative;height:calc(100vh - 73px);width:100%}.modern-flow-builder .dndflow .vue-flow-wrapper{background:#f8fafc}.modern-flow-builder .dndflow .vue-flow-wrapper .vue-flow__background{background-color:#f8fafc}.modern-flow-builder .dndflow .vue-flow-wrapper .vue-flow__background .vue-flow__background-pattern{stroke:#e2e8f0;stroke-width:1}.modern-flow-builder .dndflow .vue-flow-wrapper .vue-flow__edge .vue-flow__edge-path{stroke:#94a3b8;stroke-width:2}.modern-flow-builder .dndflow .vue-flow-wrapper .vue-flow__edge.selected .vue-flow__edge-path{stroke:var(--primary);stroke-width:3}.modern-flow-builder .dndflow .vue-flow-wrapper .vue-flow__edge .vue-flow__edge-marker{fill:#94a3b8}.modern-flow-builder .dndflow .vue-flow-wrapper .vue-flow__edge.selected .vue-flow__edge-marker{fill:var(--primary)}.modern-flow-builder .dndflow .vue-flow-wrapper .vue-flow__minimap{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.modern-flow-builder .dndflow .vue-flow-wrapper .vue-flow__minimap .vue-flow__minimap-mask{fill:rgba(99,102,241,.1);stroke:var(--primary);stroke-width:2}.modern-flow-builder .dndflow .vue-flow-wrapper .vue-flow__controls{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);padding:4px}.modern-flow-builder .dndflow .vue-flow-wrapper .vue-flow__controls .vue-flow__controls-button{background:transparent;border:none;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-gray);transition:all .2s ease}.modern-flow-builder .dndflow .vue-flow-wrapper .vue-flow__controls .vue-flow__controls-button:hover{background:#f8fafc;color:var(--text-color)}.modern-flow-builder .dndflow .vue-flow-wrapper .vue-flow__controls .vue-flow__controls-button:active{background:#f1f5f9}.modern-flow-builder .dndflow .vue-flow-wrapper .vue-flow__controls .vue-flow__controls-button svg{width:16px;height:16px}.node-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;flex-shrink:0}.node-icon.start{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.node-icon.text{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.node-icon.image{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.node-icon.condition{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.node-icon.action{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.node-icon.customer{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.node-icon.audio{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.node-icon.video{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.node-icon.ab{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.node-icon.location{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.node-icon.wait{background:linear-gradient(135deg,#84cc16,#65a30d);color:#fff}.node-icon.url{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.node-icon.ai{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.node-icon.vector{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff}.node-icon.http{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.node-icon.note{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.node-icon.multiple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.node-icon.loop{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.node-icon .v-icon,.node-icon svg{width:18px;height:18px}.modern-node-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);padding:16px;min-width:200px;cursor:pointer;transition:all .2s ease;position:relative}.modern-node-card:hover{border-color:var(--primary);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transform:translateY(-1px)}.modern-node-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px rgba(99,102,241,.1)}.modern-node-card .node-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.modern-node-card .node-header .node-title{font-size:14px;font-weight:600;color:var(--text-color);margin:0;flex:1}.modern-node-card .node-content{color:var(--text-gray);font-size:13px;line-height:1.4;margin:0}.modern-node-card .node-content .node-description{margin-bottom:8px}.modern-node-card .node-content .node-details{display:flex;flex-direction:column;gap:4px}.modern-node-card .node-content .node-details .detail-item{display:flex;align-items:center;gap:6px}.modern-node-card .node-content .node-details .detail-item .detail-label{font-weight:500;color:var(--text-color)}.modern-node-card .node-content .node-details .detail-item .detail-value{color:var(--text-gray)}.modern-node-card .node-content .node-image-preview{border-radius:6px;overflow:hidden;border:1px solid #e2e8f0}.modern-node-card .node-content .node-image-preview img{width:100%;height:auto;max-height:120px;-o-object-fit:cover;object-fit:cover;display:block}.modern-node-card .node-content .node-video-preview{border-radius:6px;overflow:hidden;border:1px solid #e2e8f0}.modern-node-card .node-content .node-video-preview img,.modern-node-card .node-content .node-video-preview video{width:100%;height:auto;max-height:120px;-o-object-fit:cover;object-fit:cover;display:block}.modern-node-card .node-content .node-audio-preview{border-radius:6px;border:1px solid #e2e8f0;padding:8px}.modern-node-card .node-content .node-audio-preview audio{width:100%;height:32px}.modern-node-card .custom-handle{width:12px;height:12px;background:#fff;border:2px solid var(--primary);border-radius:50%;transition:all .2s ease}.modern-node-card .custom-handle:hover{transform:scale(1.2);box-shadow:0 0 0 2px rgba(99,102,241,.2)}.modern-node-card .custom-handle.vue-flow__handle-connecting{background:var(--primary)}.modern-node-card .custom-handle.vue-flow__handle-valid{background:#10b981;border-color:#10b981}.modern-node-card .custom-tool-handle{background-color:#101828;border-radius:3px;height:12px;width:12px;transform:rotate(45deg) translateX(-50%);top:99%;position:absolute;left:49%}.custom-tool-plus-btn{position:absolute!important;top:120%;left:50%;transform:translateX(-50%)}.custom-tool-plus-btn:before{position:absolute;content:"";height:35px;width:1px;background-color:#101828;left:50%;top:-100%;transform:translateX(-50%)}.modern-start-node{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.modern-start-node .node-header .node-icon{background:hsla(0,0%,100%,.2);color:#fff}.modern-start-node .node-header .node-title{color:#fff;font-weight:700}.modern-start-node .custom-handle{border-color:#fff;background:hsla(0,0%,100%,.9)}.modern-start-node .custom-handle:hover{background:#fff;box-shadow:0 0 0 2px hsla(0,0%,100%,.3)}.modern-node-settings-dialog :deep(.v-overlay__content){border-radius:12px!important;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)!important;max-width:800px!important;width:90vw!important;max-height:90vh!important}.modern-node-settings-dialog .dialog-container{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:12px;overflow:hidden}.modern-node-settings-dialog .dialog-container .dialog-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:20px 24px;flex-shrink:0}.modern-node-settings-dialog .dialog-container .dialog-header .header-content{display:flex;align-items:center;justify-content:space-between}.modern-node-settings-dialog .dialog-container .dialog-header .header-content .header-left{display:flex;align-items:center;gap:12px}.modern-node-settings-dialog .dialog-container .dialog-header .header-content .header-left .node-type-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff}.modern-node-settings-dialog .dialog-container .dialog-header .header-content .header-left .header-text .dialog-title{font-size:18px;font-weight:600;color:var(--text-color);margin:0 0 2px 0}.modern-node-settings-dialog .dialog-container .dialog-header .header-content .header-left .header-text .dialog-subtitle{font-size:13px;color:var(--text-gray);margin:0}.modern-node-settings-dialog .dialog-container .dialog-header .header-content .close-btn :deep(.v-btn){border-radius:6px!important;width:36px!important;height:36px!important;min-width:36px!important;color:var(--text-gray)!important}.modern-node-settings-dialog .dialog-container .dialog-header .header-content .close-btn :deep(.v-btn):hover{background:#f1f5f9!important;color:var(--text-color)!important}.modern-node-settings-dialog .dialog-container .dialog-tabs{border-bottom:1px solid #e2e8f0;flex-shrink:0}.modern-node-settings-dialog .dialog-container .dialog-tabs :deep(.v-tabs){background:#fff}.modern-node-settings-dialog .dialog-container .dialog-tabs :deep(.v-tabs) .v-tab{text-transform:none!important;font-weight:500!important;color:var(--text-gray)!important;font-size:14px;padding:16px 20px!important;min-height:48px!important}.modern-node-settings-dialog .dialog-container .dialog-tabs :deep(.v-tabs) .v-tab.v-tab--selected{color:var(--primary)!important;background:rgba(99,102,241,.05)!important}.modern-node-settings-dialog .dialog-container .dialog-tabs :deep(.v-tabs) .v-tab:hover:not(.v-tab--selected){background:#f8fafc!important}.modern-node-settings-dialog .dialog-container .dialog-tabs :deep(.v-tabs) .v-tabs-slider{background:var(--primary)!important;height:2px!important}.modern-node-settings-dialog .dialog-container .dialog-content{flex:1;overflow-y:auto;padding:24px}.modern-node-settings-dialog .dialog-container .dialog-content .content-section{margin-bottom:32px}.modern-node-settings-dialog .dialog-container .dialog-content .content-section:last-child{margin-bottom:0}.modern-node-settings-dialog .dialog-container .dialog-content .content-section .section-title{font-size:16px;font-weight:600;color:var(--text-color);margin:0 0 16px 0}.modern-node-settings-dialog .dialog-container .dialog-content .content-section .field-group{margin-bottom:20px}.modern-node-settings-dialog .dialog-container .dialog-content .content-section .field-group:last-child{margin-bottom:0}.modern-node-settings-dialog .dialog-container .dialog-content .content-section .field-group .field-label{display:block;font-size:14px;font-weight:500;color:var(--text-color);margin-bottom:6px}.modern-node-settings-dialog .dialog-container .dialog-content .content-section .field-group .field-description{font-size:13px;color:var(--text-gray);margin:4px 0 0 0;line-height:1.4}.modern-node-settings-dialog .dialog-container .dialog-content .content-section .field-group .modern-field :deep(.v-field){border-radius:6px!important}.modern-node-settings-dialog .dialog-container .dialog-content .content-section .field-group .modern-field :deep(.v-field).v-field--focused{box-shadow:0 0 0 2px rgba(99,102,241,.1)!important}.modern-node-settings-dialog .dialog-container .dialog-content .content-section .field-group .modern-field :deep(.v-field__input){padding:10px 12px!important;min-height:40px!important}.modern-node-settings-dialog .dialog-container .dialog-content .content-section .field-group .modern-field :deep(.v-field__input input,.v-field__input textarea){font-size:14px}.modern-node-settings-dialog .dialog-container .dialog-actions{background:#f8fafc;border-top:1px solid #e2e8f0;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modern-node-settings-dialog .dialog-container .dialog-actions .actions-left .delete-btn{text-transform:none!important;font-weight:500!important;border-radius:6px!important;padding:8px 16px!important;height:auto!important;min-height:36px!important;color:#dc2626!important;border:1px solid #fecaca!important}.modern-node-settings-dialog .dialog-container .dialog-actions .actions-left .delete-btn:hover{background:#fef2f2!important;border-color:#fca5a5!important}.modern-node-settings-dialog .dialog-container .dialog-actions .actions-right{display:flex;gap:8px}.modern-node-settings-dialog .dialog-container .dialog-actions .actions-right .action-btn{text-transform:none!important;font-weight:500!important;border-radius:6px!important;padding:8px 16px!important;height:auto!important;min-height:36px!important}.modern-node-settings-dialog .dialog-container .dialog-actions .actions-right .action-btn.cancel-btn{color:var(--text-color)!important;border:1px solid #e2e8f0!important}.modern-node-settings-dialog .dialog-container .dialog-actions .actions-right .action-btn.cancel-btn:hover{background:#f8fafc!important;border-color:#cbd5e1!important}.modern-node-settings-dialog .dialog-container .dialog-actions .actions-right .action-btn.save-btn{background:var(--primary)!important;color:#fff!important}.modern-node-settings-dialog .dialog-container .dialog-actions .actions-right .action-btn.save-btn:hover{background:var(--primary-dark)!important}.modern-flow-sidebar :deep(.v-navigation-drawer){background:#fff;border-left:1px solid #e2e8f0;box-shadow:-4px 0 6px -1px rgba(0,0,0,.1),-2px 0 4px -1px rgba(0,0,0,.06)}.modern-flow-sidebar .sidebar-container{height:100%;display:flex;flex-direction:column}.modern-flow-sidebar .sidebar-container .sidebar-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:20px;flex-shrink:0}.modern-flow-sidebar .sidebar-container .sidebar-header .header-title{font-size:16px;font-weight:600;color:var(--text-color);margin:0 0 4px 0}.modern-flow-sidebar .sidebar-container .sidebar-header .header-description{font-size:13px;color:var(--text-gray);margin:0}.modern-flow-sidebar .sidebar-container .sidebar-content{flex:1;overflow-y:auto;padding:0}.modern-flow-sidebar .sidebar-container .sidebar-content .main-nav-container{height:100%;display:flex;flex-direction:column}.modern-flow-sidebar .sidebar-container .sidebar-content .main-nav-container .nav-header{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.modern-flow-sidebar .sidebar-container .sidebar-content .main-nav-container .nav-header .close-btn :deep(.v-btn){width:32px!important;height:32px!important;min-width:32px!important;color:var(--text-gray)!important}.modern-flow-sidebar .sidebar-container .sidebar-content .main-nav-container .nav-header .close-btn :deep(.v-btn):hover{background:#f8fafc!important;color:var(--text-color)!important}.modern-flow-sidebar .sidebar-container .sidebar-content .main-nav-container .nav-header .nav-title{font-size:16px;font-weight:600;color:var(--text-color);margin:0}.modern-flow-sidebar .sidebar-container .sidebar-content .main-nav-container .node-categories{flex:1;padding:16px}.modern-flow-sidebar .sidebar-container .sidebar-content .main-nav-container .node-categories .node-category{display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:8px}.modern-flow-sidebar .sidebar-container .sidebar-content .main-nav-container .node-categories .node-category:hover{background:#f8fafc;border-color:var(--primary)}.modern-flow-sidebar .sidebar-container .sidebar-content .main-nav-container .node-categories .node-category .category-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:var(--text-gray);flex-shrink:0}.modern-flow-sidebar .sidebar-container .sidebar-content .main-nav-container .node-categories .node-category .category-info{flex:1}.modern-flow-sidebar .sidebar-container .sidebar-content .main-nav-container .node-categories .node-category .category-info .category-title{font-size:14px;font-weight:600;color:var(--text-color);margin:0 0 2px 0}.modern-flow-sidebar .sidebar-container .sidebar-content .main-nav-container .node-categories .node-category .category-info .category-description{font-size:12px;color:var(--text-gray);margin:0;line-height:1.3}.modern-flow-sidebar .sidebar-container .sidebar-content .main-nav-container .node-categories .node-category .category-arrow{color:var(--text-gray);flex-shrink:0}.modern-flow-sidebar .sidebar-container .sidebar-content .single-nav-container{height:100%;display:flex;flex-direction:column}.modern-flow-sidebar .sidebar-container .sidebar-content .single-nav-container .nav-header{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.modern-flow-sidebar .sidebar-container .sidebar-content .single-nav-container .nav-header .back-btn :deep(.v-btn){width:32px!important;height:32px!important;min-width:32px!important;color:var(--text-gray)!important}.modern-flow-sidebar .sidebar-container .sidebar-content .single-nav-container .nav-header .back-btn :deep(.v-btn):hover{background:#f8fafc!important;color:var(--text-color)!important}.modern-flow-sidebar .sidebar-container .sidebar-content .single-nav-container .nav-header .header-info{display:flex;align-items:center;gap:8px}.modern-flow-sidebar .sidebar-container .sidebar-content .single-nav-container .nav-header .header-info .header-icon{color:var(--primary)}.modern-flow-sidebar .sidebar-container .sidebar-content .single-nav-container .nav-header .header-info .nav-title{font-size:16px;font-weight:600;color:var(--text-color);margin:0}.modern-flow-sidebar .sidebar-container .sidebar-content .single-nav-container .node-items{flex:1;padding:16px;display:grid;grid-template-columns:1fr;gap:8px;align-content:start}.modern-flow-sidebar .sidebar-container .sidebar-content .single-nav-container .node-items .node-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:6px;cursor:grab;transition:all .2s ease;background:#fff}.modern-flow-sidebar .sidebar-container .sidebar-content .single-nav-container .node-items .node-item:hover{border-color:var(--primary);background:rgba(99,102,241,.05);transform:translateX(2px)}.modern-flow-sidebar .sidebar-container .sidebar-content .single-nav-container .node-items .node-item:active{cursor:grabbing;transform:scale(.98)}.modern-flow-sidebar .sidebar-container .sidebar-content .single-nav-container .node-items .node-item .item-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:var(--text-gray);flex-shrink:0}.modern-flow-sidebar .sidebar-container .sidebar-content .single-nav-container .node-items .node-item .item-title{font-size:13px;font-weight:500;color:var(--text-color);flex:1}.modern-flow-node-menu :deep(.v-overlay__content){border-radius:12px!important;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)!important;max-width:1000px!important;width:90vw!important;max-height:80vh!important}.modern-flow-node-menu .menu-container{background:#fff;border-radius:12px;overflow:hidden}.modern-flow-node-menu .menu-container .menu-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:24px}.modern-flow-node-menu .menu-container .menu-header .menu-title{font-size:20px;font-weight:600;color:var(--text-color);margin:0 0 4px 0}.modern-flow-node-menu .menu-container .menu-header .menu-subtitle{font-size:14px;color:var(--text-gray);margin:0}.modern-flow-node-menu .menu-container .menu-content{padding:24px;max-height:60vh;overflow-y:auto}.modern-flow-node-menu .menu-container .menu-content .node-section{margin-bottom:32px}.modern-flow-node-menu .menu-container .menu-content .node-section:last-child{margin-bottom:0}.modern-flow-node-menu .menu-container .menu-content .node-section .section-title{font-size:16px;font-weight:600;color:var(--text-color);margin:0 0 16px 0}.modern-flow-node-menu .menu-container .menu-content .node-section .section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.modern-flow-node-menu .menu-container .menu-content .node-section .section-grid .menu-node-item{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.modern-flow-node-menu .menu-container .menu-content .node-section .section-grid .menu-node-item:hover{border-color:var(--primary);background:rgba(99,102,241,.05);transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.modern-flow-node-menu .menu-container .menu-content .node-section .section-grid .menu-node-item .item-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:var(--text-gray);flex-shrink:0}.modern-flow-node-menu .menu-container .menu-content .node-section .section-grid .menu-node-item .item-icon .v-icon,.modern-flow-node-menu .menu-container .menu-content .node-section .section-grid .menu-node-item .item-icon svg{width:18px;height:18px}.modern-flow-node-menu .menu-container .menu-content .node-section .section-grid .menu-node-item .item-title{font-size:14px;font-weight:500;color:var(--text-color);margin:0;flex:1}@media(max-width:768px){.modern-flow-builder .flow-topbar .flow-topbar-content{padding:8px 16px;flex-wrap:wrap;gap:12px}.modern-flow-builder .flow-topbar .flow-topbar-content .topbar-left{flex:1;min-width:200px}.modern-flow-builder .flow-topbar .flow-topbar-content .flow-topbar-navigation{order:3;width:100%}.modern-flow-builder .flow-topbar .flow-topbar-content .topbar-right{flex-shrink:0}.modern-flow-builder .dndflow{height:calc(100vh - 120px)}.modern-node-settings-dialog :deep(.v-overlay__content){width:95vw!important;max-height:95vh!important}.modern-node-settings-dialog .dialog-content{padding:16px}.modern-flow-node-menu :deep(.v-overlay__content){width:95vw!important;max-height:85vh!important}.modern-flow-node-menu .menu-content{padding:16px}.modern-flow-node-menu .menu-content .section-grid{grid-template-columns:1fr}}.modern-node-card .detail-item{display:flex;gap:8px;margin-bottom:4px}.modern-node-card .detail-item .detail-label{font-weight:600;color:var(--text-color)}.modern-node-card .detail-item .detail-value{color:var(--text-gray)}.modern-node-card .url-link{color:var(--primary);text-decoration:none}.modern-node-card .url-link:hover{text-decoration:underline}.modern-node-card .loop-options,.modern-node-card .multiple-choice-list{margin-top:12px;background:transparent!important}.modern-node-card .loop-options .v-list-item,.modern-node-card .multiple-choice-list .v-list-item{min-height:40px;padding:8px 12px;border-radius:6px;margin-bottom:4px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1)}.modern-node-card .loop-options .v-list-item:hover,.modern-node-card .multiple-choice-list .v-list-item:hover{background:hsla(0,0%,100%,.1)}.modern-node-card .loop-options .option-label,.modern-node-card .multiple-choice-list .option-label{font-weight:500;color:var(--text-color)}.quill-editor{display:flex;flex-direction:column;background:#fff;border:none;border-radius:0;min-height:600px;overflow:hidden}.quill-editor .ql-toolbar{z-index:5;background:#fafafa;border:none;border-bottom:1px solid #e5e7eb;padding:12px 16px}.quill-editor .ql-toolbar .ql-formats{margin-right:12px}.quill-editor .ql-toolbar .ql-formats:last-child{margin-right:0}.quill-editor .ql-toolbar button{width:32px;height:32px;border:none;background:transparent;color:#374151;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;margin:0 1px;transition:background .2s ease,color .2s ease}.quill-editor .ql-toolbar button:hover{background:#e5e7eb;color:#111827}.quill-editor .ql-toolbar button.ql-active{background:#dbeafe;color:#2563eb}.quill-editor .ql-toolbar select{border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;background:#fff;color:#374151;font-size:14px}.quill-editor .ql-toolbar select:focus{outline:none;border-color:#3b82f6}.quill-editor .ql-container{flex:1;border:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;line-height:1.6}.quill-editor .ql-container .ql-editor{margin:0 auto;min-height:calc(100vh - 300px);color:#1f2937;background:#fff}.quill-editor .ql-container .ql-editor.ql-blank:before{color:#9ca3af;font-style:normal;font-size:16px;left:40px;right:40px}.quill-editor .ql-container .ql-editor h1{font-size:2.25rem;font-weight:800;margin:2rem 0 1rem;line-height:1.2;color:#111827}.quill-editor .ql-container .ql-editor h2{font-size:1.875rem;font-weight:700;margin:1.75rem 0 .75rem;line-height:1.3;color:#111827}.quill-editor .ql-container .ql-editor h3{font-size:1.5rem;font-weight:600;margin:1.5rem 0 .5rem;line-height:1.4;color:#111827}.quill-editor .ql-container .ql-editor h4{font-size:1.25rem;font-weight:600;margin:1.25rem 0 .5rem;line-height:1.4;color:#111827}.quill-editor .ql-container .ql-editor p{margin:0 0 1.25rem;line-height:1.7;color:#374151}.quill-editor .ql-container .ql-editor strong{font-weight:600;color:#111827}.quill-editor .ql-container .ql-editor em{font-style:italic;color:#4b5563}.quill-editor .ql-container .ql-editor ol,.quill-editor .ql-container .ql-editor ul{margin:1.25rem 0;padding-left:2rem}.quill-editor .ql-container .ql-editor li{margin:.75rem 0;line-height:1.7;color:#374151}.quill-editor .ql-container .ql-editor blockquote{border-left:4px solid #6366f1;padding:1rem 1.5rem;margin:2rem 0;font-style:italic;color:#6b7280;background:#f8fafc;border-radius:0 8px 8px 0}.quill-editor .ql-container .ql-editor code{background:#f3f4f6;color:#dc2626;padding:2px 4px;border-radius:3px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,Courier New,monospace;font-size:.875em}.quill-editor .ql-container .ql-editor pre{background:#1f2937;color:#f9fafb;padding:1.5rem;border-radius:8px;margin:1.5rem 0;overflow-x:auto;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,Courier New,monospace;line-height:1.5;border:none}.quill-editor .ql-container .ql-editor a{color:#2563eb;text-decoration:underline}.quill-editor .ql-container .ql-editor a:hover{color:#1d4ed8}.quill-editor .ql-container .ql-editor img{max-width:100%;height:auto;border-radius:6px;margin:12px 0}.quill-editor .ql-container.ql-snow{border:none}.quill-editor .ql-editor:focus{outline:none}@media(max-width:768px){.quill-editor .ql-toolbar{padding:8px 16px}.quill-editor .ql-container .ql-editor{padding:20px;min-height:calc(100vh - 250px)}.quill-editor .ql-container .ql-editor.ql-blank:before{left:20px;right:20px}}.settings-overview-content{padding-inline:64px;padding-top:32px;padding-bottom:32px;width:100%;margin:0 auto}@media(max-width:768px){.settings-overview-content{padding:16px}}.settings-overview-content .section-group{margin-bottom:48px}.settings-overview-content .section-group:last-child{margin-bottom:0}.settings-overview-content .section-group .section-title{font-size:20px;font-weight:600;color:var(--text-color);margin:0 0 24px 0}.modern-settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.1)}.modern-settings-card:hover{border-color:var(--primary);box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-1px)}.modern-settings-card:hover .card-arrow .v-icon{color:var(--primary)!important}.modern-settings-card .card-content{display:flex;align-items:center;gap:16px}.modern-settings-card .card-content .card-icon{width:48px;height:48px;border-radius:8px;background:#f9fafb;border:1px solid #f3f4f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modern-settings-card .card-content .card-text{flex:1;min-width:0}.modern-settings-card .card-content .card-text .card-title{font-size:16px;font-weight:600;color:var(--text-color);margin:0 0 4px 0;line-height:1.3}.modern-settings-card .card-content .card-text .card-description{font-size:14px;color:var(--text-gray);margin:0;line-height:1.4}.modern-settings-card .card-content .card-arrow{flex-shrink:0;opacity:.6;transition:all .2s ease}.enhanced-settings-sidebar{height:100%;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;width:280px}.sidebar-header{padding:24px 20px;background:#fff}.sidebar-header .sidebar-title{font-size:20px;font-weight:700;color:var(--text-color);margin:0 0 16px 0}.sidebar-content{flex:1;overflow-y:auto;padding:16px 0}.sidebar-navigation{padding:0 12px}.sidebar-navigation .nav-section{margin-bottom:32px}.sidebar-navigation .nav-section .section-title{font-size:11px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;padding-left:16px}.sidebar-navigation .nav-item{margin-bottom:2px}.sidebar-navigation .nav-item .nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;text-decoration:none;color:#6b7280;font-size:14px;font-weight:500;transition:all .2s ease;position:relative}.sidebar-navigation .nav-item .nav-link:hover{background-color:#f9fafb;color:var(--text-color)}.sidebar-navigation .nav-item .nav-link:hover .nav-icon-wrapper{background-color:#f3f4f6}.sidebar-navigation .nav-item .nav-link:hover .nav-icon{color:var(--primary)!important}.sidebar-navigation .nav-item .nav-link:hover .nav-arrow{color:var(--primary)!important;opacity:1}.sidebar-navigation .nav-item .nav-link.active{background-color:var(--primary);color:#fff}.sidebar-navigation .nav-item .nav-link.active .nav-icon-wrapper{background-color:hsla(0,0%,100%,.2)}.sidebar-navigation .nav-item .nav-link.active .nav-icon{color:#fff!important}.sidebar-navigation .nav-item .nav-link.active .nav-arrow{color:#fff!important;opacity:1}.sidebar-navigation .nav-item .nav-link .nav-icon-wrapper{width:32px;height:32px;border-radius:6px;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;flex-shrink:0}.sidebar-navigation .nav-item .nav-link .nav-icon{color:#9ca3af;transition:color .2s ease}.sidebar-navigation .nav-item .nav-link .nav-text{flex:1;font-weight:500}.sidebar-navigation .nav-item .nav-link .nav-arrow{color:#d1d5db;opacity:.6;transition:all .2s ease;flex-shrink:0}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#d1d5db}.teams-content{padding:32px;max-width:1200px;margin:0 auto}@media(max-width:768px){.teams-content{padding:16px}}.empty-state{text-align:center;padding:80px 20px}.empty-state .empty-icon{margin-bottom:24px}.empty-state .empty-title{font-size:24px;font-weight:600;color:var(--text-color);margin:0 0 12px 0}.empty-state .empty-description{font-size:16px;color:var(--text-gray);margin:0 0 32px 0;line-height:1.5}.empty-state .empty-action{text-transform:none!important;font-weight:500!important;border-radius:8px!important;padding:12px 24px!important;height:auto!important;min-height:44px!important}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}@media(max-width:768px){.teams-grid{grid-template-columns:1fr;gap:16px}}.modern-team-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.1)}.modern-team-card:hover{border-color:var(--primary);box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.modern-team-card:hover .team-arrow .v-icon{color:var(--primary)!important}.modern-team-card .team-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.modern-team-card .team-header .team-icon{width:48px;height:48px;border-radius:12px;background:#f1f5f9;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modern-team-card .team-header .team-info{flex:1;min-width:0}.modern-team-card .team-header .team-info .team-name{font-size:18px;font-weight:600;color:var(--text-color);margin:0 0 8px 0;line-height:1.3}.modern-team-card .team-header .team-info .team-description{font-size:14px;color:var(--text-gray);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modern-team-card .team-header .team-arrow{flex-shrink:0;opacity:.6;transition:all .2s ease}.modern-team-card .team-stats{display:flex;gap:32px;padding-top:16px;border-top:1px solid #f3f4f6}.modern-team-card .team-stats .stat-item{display:flex;flex-direction:column;gap:4px}.modern-team-card .team-stats .stat-item .stat-number{font-size:20px;font-weight:700;color:var(--text-color);line-height:1.2}.modern-team-card .team-stats .stat-item .stat-label{font-size:12px;font-weight:500;color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px}.modern-settings-toolbar{background:#fff;border-bottom:1px solid #e5e7eb;padding:24px 32px}@media(max-width:768px){.modern-settings-toolbar{padding:16px 20px}}.modern-settings-toolbar .toolbar-content{display:flex;align-items:center;justify-content:space-between;gap:24px}.modern-settings-toolbar .toolbar-content .toolbar-left{display:flex;align-items:center;gap:16px;flex:1}.modern-settings-toolbar .toolbar-content .toolbar-left .back-btn :deep(.v-btn){border-radius:8px!important;padding:8px!important;min-width:40px!important;width:40px!important;height:40px!important}.modern-settings-toolbar .toolbar-content .toolbar-left .page-info{display:flex;align-items:center;gap:16px}.modern-settings-toolbar .toolbar-content .toolbar-left .page-info .icon-container{width:48px;height:48px;border-radius:12px;background:#f8fafc;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #e2e8f0}.modern-settings-toolbar .toolbar-content .toolbar-left .page-info .title-section .page-title{font-size:24px;font-weight:600;color:var(--text-color);margin:0 0 4px 0;line-height:1.2}@media(max-width:768px){.modern-settings-toolbar .toolbar-content .toolbar-left .page-info .title-section .page-title{font-size:20px}}.modern-settings-toolbar .toolbar-content .toolbar-left .page-info .title-section .page-description{font-size:14px;color:var(--text-gray);margin:0;line-height:1.4}.modern-settings-toolbar .toolbar-content .toolbar-right .actions-btn{text-transform:none!important;font-weight:500!important;border-radius:8px!important;padding:8px 16px!important;height:auto!important;min-height:40px!important;border:1px solid #d1d5db!important}.modern-settings-toolbar .toolbar-content .toolbar-right .actions-btn:hover{background:#f9fafb!important;border-color:#9ca3af!important}.modern-settings-toolbar .toolbar-content .toolbar-right .actions-menu{border-radius:8px!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)!important;border:1px solid #e5e7eb!important;overflow:hidden}.modern-settings-toolbar .toolbar-content .toolbar-right .actions-menu .action-item{padding:12px 16px!important;min-height:44px!important}.modern-settings-toolbar .toolbar-content .toolbar-right .actions-menu .action-item:hover{background:#f9fafb!important}.modern-settings-toolbar .toolbar-content .toolbar-right .actions-menu .action-item :deep(.v-list-item-title){font-size:14px;font-weight:500;color:var(--text-color)}.modern-settings-toolbar .toolbar-content .toolbar-right .actions-menu .action-item :deep(.v-list-item__prepend){margin-right:12px}.modern-settings-toolbar .toolbar-content .toolbar-right .actions-menu .action-item :deep(.v-list-item__prepend) .v-icon{color:var(--text-gray)}.modern-tabs{margin-bottom:32px}.modern-tabs .tabs-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px 12px 0 0;padding:4px}.modern-tabs .tabs-header .tab-item{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500;color:var(--text-gray)}.modern-tabs .tabs-header .tab-item:hover{background:#f8fafc;color:var(--text-color)}.modern-tabs .tabs-header .tab-item.active{background:var(--primary);color:#fff}.modern-tabs .tabs-header .tab-item.active .tab-count{background:hsla(0,0%,100%,.2);color:#fff}.modern-tabs .tabs-header .tab-item .tab-title{font-size:14px}.modern-tabs .tabs-header .tab-item .tab-count{background:#f3f4f6;color:var(--text-gray);border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600;min-width:20px;text-align:center}.tab-content{background:#fff;border-radius:0 0 12px 12px;border:1px solid #e5e7eb;border-top:none}.setting-tabs{margin-bottom:32px}.setting-tabs .tabs-header{display:flex;gap:8px;border-bottom:1px solid #e5e7eb;background:#fff;border-radius:12px 12px 0 0;padding:4px}.setting-tabs .tabs-header .tab-item{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500;color:var(--text-gray)}.setting-tabs .tabs-header .tab-item:hover{background:#f8fafc;color:var(--text-color)}.setting-tabs .tabs-header .tab-item.active{background:var(--primary);color:#fff}.setting-tabs .tabs-header .tab-item.active .tab-count{background:hsla(0,0%,100%,.2);color:#fff}.setting-tabs .tabs-header .tab-item .tab-title{font-size:14px}.setting-tabs .tabs-header .tab-item .tab-count{background:#f3f4f6;color:var(--text-gray);border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600;min-width:20px;text-align:center}.data-channel-card{border-radius:10px!important;border:1px solid var(--light-gray);background-color:var(--systemwhite);transition:background-color .3s ease;cursor:pointer}.data-channel-card:hover{background-color:var(--text-white-light)}.modern-account-dialog{border-radius:12px!important;overflow:hidden}.modern-account-dialog .dialog-header{padding:24px 24px 0 24px;border-bottom:1px solid #f3f4f6}.modern-account-dialog .dialog-header .header-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.modern-account-dialog .dialog-header .header-content .dialog-info{display:flex;align-items:center;gap:16px;flex:1}.modern-account-dialog .dialog-header .header-content .dialog-info .dialog-icon{width:48px;height:48px;border-radius:8px;overflow:hidden;border:1px solid #f3f4f6;display:flex;align-items:center;justify-content:center;background:#fef3c7;flex-shrink:0}.modern-account-dialog .dialog-header .header-content .dialog-info .dialog-details{flex:1}.modern-account-dialog .dialog-header .header-content .dialog-info .dialog-details .dialog-title{font-size:20px;font-weight:600;color:var(--text-color);margin:0 0 4px 0;line-height:1.3}.modern-account-dialog .dialog-header .header-content .dialog-info .dialog-details .dialog-subtitle{font-size:14px;color:var(--text-gray);margin:0;line-height:1.4}.modern-account-dialog .dialog-header .header-content .close-btn{color:var(--text-gray)!important}.modern-account-dialog .dialog-header .header-content .close-btn:hover{background-color:#f3f4f6!important}.modern-account-dialog .dialog-content{padding:24px}.modern-account-dialog .dialog-content .form-container .form-field{margin-bottom:24px}.modern-account-dialog .dialog-content .form-container .form-field .field-label{display:block;font-size:14px;font-weight:500;color:var(--text-color);margin-bottom:4px}.modern-account-dialog .dialog-content .form-container .form-field .field-label .required{color:#ef4444;margin-left:2px}.modern-account-dialog .dialog-content .form-container .form-field .field-description{font-size:13px;color:var(--text-gray);margin:0 0 8px 0;line-height:1.4}.modern-account-dialog .dialog-content .form-container .form-field .modern-field .v-field{border-radius:8px;font-size:14px}.modern-account-dialog .dialog-content .form-container .form-field .modern-field .v-field--focused{box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.modern-account-dialog .dialog-content .form-container .form-field .modern-field .v-field__prepend-inner{padding-right:8px}.modern-account-dialog .dialog-content .form-container .form-field .modern-field .password-toggle{margin-right:-8px}.modern-account-dialog .dialog-content .form-container .password-requirements{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-top:8px}.modern-account-dialog .dialog-content .form-container .password-requirements .requirements-title{font-size:14px;font-weight:600;color:var(--text-color);margin:0 0 12px 0}.modern-account-dialog .dialog-content .form-container .password-requirements .requirements-list{list-style:none;padding:0;margin:0}.modern-account-dialog .dialog-content .form-container .password-requirements .requirements-list li{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;margin-bottom:8px}.modern-account-dialog .dialog-content .form-container .password-requirements .requirements-list li:last-child{margin-bottom:0}.modern-account-dialog .dialog-content .form-container .password-requirements .requirements-list li.valid{color:#10b981}.modern-account-dialog .dialog-actions{padding:24px;border-top:1px solid #f3f4f6;background:#fafafa}.modern-account-dialog .dialog-actions .action-buttons{display:flex;gap:12px;justify-content:flex-end}@media(max-width:480px){.modern-account-dialog .dialog-actions .action-buttons{flex-direction:column-reverse}}.modern-account-dialog .dialog-actions .action-buttons .v-btn{text-transform:none!important;font-weight:500!important;font-size:14px!important;border-radius:8px!important;padding:12px 20px!important;letter-spacing:0!important;box-shadow:none!important;height:auto!important;min-height:40px!important}.modern-account-dialog .dialog-actions .action-buttons .v-btn.cancel-btn{border:1px solid #d1d5db!important;color:var(--text-gray)!important;background:#fff!important}.modern-account-dialog .dialog-actions .action-buttons .v-btn.cancel-btn .v-btn__content{color:var(--text-gray)!important}.modern-account-dialog .dialog-actions .action-buttons .v-btn.cancel-btn:hover{background-color:#f9fafb!important}.modern-account-dialog .dialog-actions .action-buttons .v-btn.save-btn{background:var(--primary)!important;color:#fff!important}.modern-account-dialog .dialog-actions .action-buttons .v-btn.save-btn .v-btn__content{color:#fff!important}.modern-account-dialog .dialog-actions .action-buttons .v-btn.save-btn:hover{background:#003d32!important}.modern-account-dialog .dialog-actions .action-buttons .v-btn.save-btn:disabled{opacity:.5;cursor:not-allowed}.upgrade-plan-dialog .dialog-header{border-bottom:1px solid #f3f4f6;border-radius:16px}.upgrade-plan-dialog .dialog-header .header-icon{width:48px;height:48px;border-radius:12px;background:#f1f5f9;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-sidebar .qoute-card{position:relative;overflow:hidden}.auth-sidebar .testimonial-content{min-height:120px}.auth-sidebar .fade-slide-enter-active,.auth-sidebar .fade-slide-leave-active{transition:all .5s ease-in-out}.auth-sidebar .fade-slide-enter-from{opacity:0;transform:translateY(20px)}.auth-sidebar .fade-slide-leave-to{opacity:0;transform:translateY(-20px)}.auth-sidebar .fade-slide-enter-to,.auth-sidebar .fade-slide-leave-from{opacity:1;transform:translateY(0)}.auth-sidebar .testimonial-indicators{margin-top:12px}.auth-sidebar .indicator{width:8px;height:8px;border-radius:50%;background-color:hsla(0,0%,100%,.3);cursor:pointer;transition:all .3s ease}.auth-sidebar .indicator:hover{background-color:hsla(0,0%,100%,.5);transform:scale(1.2)}.auth-sidebar .indicator.active{background-color:hsla(0,0%,100%,.9);width:24px;border-radius:4px}.chart-container{max-height:600px;height:100%;overflow:hidden}.chart-container apexchart{height:600px!important;width:100%}.assign-checkbox .v-selection-control{min-height:unset!important}.conversation-search-dialog .results-card{border-radius:8px!important}.conversation-inbox{min-height:100vh;border-top:1px var(--light-gray) solid}.conversation-inbox .search-conversation-btn{box-shadow:inset 0 1px 2px 1px #e2ffb1;border-color:#c8ff71;border-width:1px;border-style:solid}.conversation-inbox .new-conversation-btn{box-shadow:inset 0 -1px .5px 1px #f5f6f9!important}.conversation-inbox .conversation-inbox-row{height:calc(100vh - 54px)}.conversation-inbox .conversation-chats-sidebar{background-color:var(--systemwhite);border-right:1px var(--light-gray) solid;height:calc(100vh - 1px);overflow-y:scroll}.conversation-inbox .conversation-chats-sidebar .v-infinite-scroll__side:first-of-type{display:none}.conversation-inbox .conversation-chats-sidebar .conversation-chat-card{border:1px solid transparent}.conversation-inbox .conversation-chats-sidebar .conversation-chat-card .count-label{background-color:var(--text-color);color:var(--systemwhite);border-radius:100%;height:16px;width:16px;font-size:10px}.conversation-inbox .conversation-chats-sidebar .conversation-chat-card.active{background-color:var(--systemwhite)!important;border:1px solid #eaebef;box-shadow:0 1px 3px 0 rgba(225,229,237,.42)}.conversation-inbox .conversation-toolbar{border-bottom:1px var(--light-gray) solid;height:48px;background-color:var(--systemwhite)}.conversation-inbox .conversation-toolbar .toolbar-light-btn{background-color:var(--light-gray)!important;background:var(--light-gray)!important;height:32px}.conversation-inbox .conversation-toolbar .ticket-close-btn{background-color:var(--secondary)!important;background:var(--secondary)!important;height:32px}.conversation-inbox .conversation-toolbar .close-btn{background-color:var(--text-white)!important;background:var(--text-white)!important;border-radius:8px}.conversation-inbox .conversation-toolbar .icon-toolbar-btn{background-color:var(--text-white);height:32px!important;width:32px!important;min-width:unset;padding:unset}.conversation-inbox .open-conversation-tabs{border-bottom:1px var(--light-gray) solid;height:48px}.conversation-inbox .open-conversation-tabs .v-tab.v-tab.v-btn{min-width:unset;padding:0 8px;border-radius:0!important}.conversation-inbox .open-conversation-tabs .v-tab--selected{background-color:var(--text-white-light);color:var(--text-color)}.conversation-inbox .open-conversation-tabs .conversation-tab:not(.v-tab--selected){background-color:var(--text-white);color:var(--text-color)}.conversation-inbox .conversation{height:calc(100vh - 100px);background-color:var(--systemwhite);position:relative}.conversation-inbox .conversation .conversation-wrapper{display:flex;flex-wrap:wrap;overflow-y:scroll;align-content:baseline;height:100%;padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:140px}.conversation-inbox .conversation .conversation-wrapper .message{padding-bottom:4px;width:100%}.conversation-inbox .conversation .conversation-wrapper .message .message-content{background-color:var(--text-white-light);color:var(--text-color);padding:10px 8px 10px 8px;max-width:90%;font-weight:500;line-height:1.3;font-size:14px!important}.conversation-inbox .conversation .conversation-wrapper .message .message-content p{font-size:14px!important}.conversation-inbox .conversation .conversation-wrapper .message .message-sender-icon{height:20px;width:20px}.conversation-inbox .conversation .conversation-wrapper .message .message-time{font-weight:400;font-size:12px;color:var(--text-gray)}.conversation-inbox .conversation .conversation-wrapper .message.bot .message-content,.conversation-inbox .conversation .conversation-wrapper .message.helpdesk_user .message-content,.conversation-inbox .conversation .conversation-wrapper .message.system .message-content{margin-left:auto;border-radius:4px 16px 4px 16px}.conversation-inbox .conversation .conversation-wrapper .message.bot .message-time,.conversation-inbox .conversation .conversation-wrapper .message.helpdesk_user .message-time,.conversation-inbox .conversation .conversation-wrapper .message.system .message-time{text-align:right}.conversation-inbox .conversation .conversation-wrapper .message.bot .message-sender-icon,.conversation-inbox .conversation .conversation-wrapper .message.helpdesk_user .message-sender-icon,.conversation-inbox .conversation .conversation-wrapper .message.system .message-sender-icon{margin-left:auto}.conversation-inbox .conversation .conversation-wrapper .message.user .message-content{margin-right:auto;border-radius:16px 4px 16px 4px}.conversation-inbox .conversation .conversation-wrapper .message.user .message-time{margin-right:auto;text-align:left}.conversation-inbox .conversation .conversation-wrapper .note{padding-bottom:8px;padding-top:8px;width:100%}.conversation-inbox .conversation .conversation-wrapper .note .note-content{background-color:var(--note-yellow);color:var(--text-color);padding:10px 8px 10px 8px;width:100%;font-weight:500;line-height:1.3;font-size:14px!important;border-radius:8px}.conversation-inbox .conversation .conversation-wrapper .note .note-content p{font-size:14px!important}.conversation-inbox .conversation .conversation-wrapper .note .note-time{font-weight:400;font-size:12px;color:var(--text-gray)}.conversation-inbox .conversation .conversation-wrapper .type-intent{position:relative}.conversation-inbox .conversation .conversation-wrapper .type-intent .type-intent-content{position:absolute;background-color:var(--light-soft-gray);padding:10px 8px 10px 8px;border-radius:16px 4px 16px 4px;gap:2px;display:flex;left:16px;z-index:1}.conversation-inbox .conversation .conversation-wrapper .type-intent .type-intent-content .type-intent-dot{height:12px;width:12px;background-color:#e5e5e5;border-radius:100%}.conversation-inbox .conversation .conversation-wrapper .type-intent .type-intent-content .type-intent-dot:first-child{animation:type-intent-dot-bounce 1.2s infinite;animation-delay:0s}.conversation-inbox .conversation .conversation-wrapper .type-intent .type-intent-content .type-intent-dot:nth-child(2){animation:type-intent-dot-bounce 1.2s infinite;animation-delay:.2s}.conversation-inbox .conversation .conversation-wrapper .type-intent .type-intent-content .type-intent-dot:nth-child(3){animation:type-intent-dot-bounce 1.2s infinite;animation-delay:.4s}@keyframes type-intent-dot-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}.conversation-inbox .conversation .conversation-wrapper .option-field{height:-moz-max-content!important;height:max-content!important;flex-wrap:wrap;gap:8px;padding-bottom:8px}.conversation-inbox .conversation .conversation-wrapper .option-field .v-btn{text-transform:none!important;font-size:14px;width:-moz-fit-content;width:fit-content;margin:auto;padding:6px 8px;background-color:var(--quaternary);border:1px solid var(--quaternary);border-radius:8px}.conversation-inbox .conversation .conversation-wrapper .option-field .v-btn.v-btn--active{border:1px solid var(--secondary)}.conversation-inbox .conversation .conversation-wrapper .option-field .v-btn.v-btn--active .v-btn__overlay{opacity:0}.conversation-inbox .conversation .conversation-wrapper .option-field .v-btn .v-btn__content{white-space:wrap!important;letter-spacing:normal}.conversation-inbox .message-bar{position:absolute;bottom:0;width:100%}.conversation-inbox .message-bar .chat-input-container{margin:16px;background-image:url(/img/chat-input-background.a0368fb0.png);padding:4px;border-radius:16px;overflow:hidden}.conversation-inbox .message-bar .chat-input-container .message-bar-card{border-radius:12px}.conversation-inbox .message-bar .chat-input-container .message-bar-card.text{border:2px var(--light-gray) solid;background-color:var(--systemwhite)}.conversation-inbox .message-bar .chat-input-container .message-bar-card.note{border:2px var(--light-gray) solid;background-color:var(--note-yellow)}.conversation-inbox .message-bar .ql-tooltip{z-index:2147483647}.conversation-inbox .message-bar .ql-tooltip .custom-toolbar{box-shadow:0 2px 2px 0 rgba(0,0,0,.06);border-radius:8px;background-color:var(--systemwhite);border:2px solid var(--text-white-light)}.conversation-inbox .message-bar .ql-tooltip .ql-tooltip-arrow{border-bottom:6px solid var(--text-white-light)!important}.conversation-inbox .message-bar .ql-editor{padding-top:8px}.conversation-inbox .message-bar .ql-editor.ql-blank:before{font-style:normal!important}.conversation-inbox .conversation-right-sidebar{border-top:1px var(--light-gray) solid}.conversation-inbox .conversation-right-sidebar .icon-sidebar-btn{background-color:var(--text-white);height:24px!important;width:24px!important;min-width:unset;padding:unset}.conversation-inbox .conversation-right-sidebar .page-view-timelines{row-gap:8px!important}.conversation-inbox .conversation-right-sidebar .sidebar-text-field input{font-size:12px!important;min-height:unset!important;padding:0}.conversation-inbox .conversation-right-sidebar .search.v-text-field input{font-size:var(--font-size-p);padding:8px;min-height:unset}.conversation-inbox .conversation-right-sidebar .v-expansion-panel-title{min-height:40px}.conversation-inbox .conversation-right-sidebar .v-expansion-panel{border-bottom:1px var(--light-gray) solid}.conversation-inbox .conversation-right-sidebar .note-field .v-field{background-color:var(--note-yellow)}.conversation-inbox .conversation-right-sidebar .note-field .v-field__overlay{display:none}.conversation-inbox .conversation-right-sidebar .note-field textarea{font-size:var(--font-size-p)}.conversation-inbox .conversation-sidebar{background-color:var(--systemwhite);border-right:1px var(--light-gray) solid}.conversation-inbox .conversation-sidebar .search.v-text-field input{font-size:var(--font-size-p);padding:8px;min-height:unset}.conversation-inbox .conversation-sidebar .v-list-item{border:1px solid transparent;border-radius:8px!important}.conversation-inbox .conversation-sidebar .v-list-item p{font-weight:400}.conversation-inbox .conversation-sidebar .v-list-item--active{background-color:var(--systemwhite);border:1px solid #eaebef;box-shadow:0 1px 3px 0 rgba(225,229,237,.72)}.conversation-inbox .conversation-sidebar .v-list-item--active .v-list-item__overlay{display:none}.conversation-inbox .conversation-sidebar .v-list-item--active p{font-weight:600}.color-swatches .color-swatch{width:32px;height:32px;border-radius:8px;cursor:pointer;border:1px solid var(--light-gray)}.color-swatches .color-swatch.selected{border-color:var(--secondary);box-shadow:inset 0 0 0 2px var(--systemwhite)!important}.explanation-card{background-color:#f5f5f5;padding:16px;border-radius:8px}.explanation-title{font-weight:700;font-size:18px}.explanation-text{font-size:16px;margin-top:8px}.explanation-description{color:gray;margin-top:8px}.team-card{transition:box-shadow .3s ease,transform .3s ease;border-radius:16px;cursor:pointer;border:1px solid var(--light-gray);background-color:#fff}.team-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-2px)}.team-title{font-weight:700;font-size:20px}.team-members{color:gray}.single-team .single-team-card{border:1px solid #e5e7eb;height:100%;max-height:300px;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px}.single-team .single-team-icon{font-size:64px;margin-bottom:20px}.single-team .single-team-title{font-size:24px;font-weight:bolder;margin-bottom:10px}.single-team .single-team-subtitle{font-weight:300;font-size:16px}.single-team .single-team-card.active{background-color:var(--text-color);border-color:#fff;color:#fff}.single-team .single-team-card.active .single-team-icon,.single-team .single-team-card.active .single-team-subtitle,.single-team .single-team-card.active .single-team-title{color:#fff}.single-team .check-icon{font-size:24px;bottom:180px;left:280px}.auth-sidebar{background-image:url(/img/auth-background.1cedf4f1.jpg);background-size:cover;background-position:bottom}.text-qoute{font-size:96px;line-height:60px;opacity:40%;color:var(--text-white);margin-bottom:-30px}.container-auth{max-width:500px!important}.qoute-card{background-color:rgba(16,24,40,.6)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-label{font-size:14px;font-weight:500;color:var(--text-color)}.billing-card .header{height:70px;border:1px solid var(--light-gray);border-top-left-radius:8px;border-top-right-radius:8px}.billing-card .header .billing-title{font-size:20px;font-weight:500}.billing-card .body{border:1px solid var(--light-gray);background:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.billing-card .body .billing-plan-title{font-size:14px}.billing-card .body .billing-plan-value{font-size:20px;font-weight:500}.billing-card .payment-method-card{border:1px solid var(--light-gray);border-radius:8px}.billing-card .payment-method-card .payment-type{font-size:16px;font-weight:500}.billing-card .payment-method-card .payment-text{font-size:14px}.billing-card .payment-method-card .payment-text-light{font-size:14px;opacity:.6}.billing-card .payment-method-card .payment-method-icon{width:32px;height:32px}.invoice-title-text{font-size:20px;font-weight:500}.invoice-description{font-size:14px}.bot-card-banner-image-default{background:linear-gradient(135deg,#c2fa6b,#ceffb7);background-size:cover;background-position:50%;height:60px;width:100%}.bot-banner{background-size:contain;background-position:50%;width:100%;max-height:70px!important;background-repeat:no-repeat}.bot-card{transition:box-shadow .3s ease,transform .3s ease;box-shadow:0 2px 12px rgba(0,0,0,.06);border-radius:24px!important;min-height:175px;cursor:pointer;background:#fff;overflow:hidden;border:1px solid #e2e5ee!important;background-color:#fff}.bot-card .bot-card-banner-image-default{border-top-left-radius:20px;border-top-right-radius:20px}.bot-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-2px)}.bot-dialog{background:#fff;border-radius:30px!important;overflow-y:auto!important}.bot-dialog .bot-preview-banner{width:100%;max-height:200px}.bot-dialog .footer{position:sticky;bottom:0}@media(min-width:1024px){.bot-dialog{overflow:hidden!important}}.bot-dialog .mdi.mdi-menu-down{display:none}.bot-dialog .bot-dialog-color{min-height:250px;width:100%;border-radius:20px}.bot-dialog .bot-dialog-title-banner{display:flex;left:220px;top:360px;position:absolute}.bot-dialog .bot-dialog-banner{width:100%;height:100px}.bot-dialog .save-btn{bottom:40px;max-width:187px;max-height:46px;width:100%;height:100%}.bot-dialog .save-btn .v-btn__content{font-weight:600}.bot-dialog .bot-eye-btn{font-size:32px;left:20px;bottom:40px}.bot-dialog .bot-eye-btn i{color:var(--primary)}.bot-dialog .pen-btn{bottom:230px;position:relative;font-size:32px}.bot-dialog .bot-dialog-avatar{z-index:2000;border:6px solid #fff}.bot-dialog .bot-dialog-avatar i{font-size:106px}.bot-dialog .create-bot-text{font-weight:600;font-size:16px}.bot-dialog .pen-bot-avatar-btn{font-size:32px;bottom:70px;right:80px;z-index:2002;position:relative}.bot-dialog .pen-bot-banner-btn{font-size:32px;z-index:2002;left:370px;bottom:110px;position:relative}.bot-dialog .create-bot-row{position:relative;top:0}.bot-view{background:#fff}.bot-view .custom-tabs .v-tab.v-tab.v-btn{border:1px solid var(--light-gray);padding-inline:48px!important}.bot-view .custom-tab{border:1px solid var(--light-gray);background:var(--light-gray);flex-grow:1;border-radius:10px;font-size:16px;font-weight:500;letter-spacing:.5px;transition:background-color .2s ease-in-out}.bot-view .custom-tab.active{background:#fff}.bot-view .custom-tab:hover{color:var(--primary)!important}.bot-view .chat-settings-widget{height:100vh}.bot-setting-card{border:1px solid var(--light-gray);box-shadow:0 2px 12px rgba(0,0,0,.06);border-radius:20px}.bot-setting-card .header{border-top-left-radius:20px;border-top-right-radius:20px;background:var(--text-white-light)}.bot-widget .v-expansion-panel{border-radius:10px!important}.bot-widget .v-expansion-panel-title{background:var(--text-white-light)}.bot-widget .v-expansion-panel-text{padding:32px}.bot-widget p{font-size:16px}.add-widget-card{background:#fff;border-radius:10px}.add-widget-card .bot-add-widgets-card{background-color:#fff;border:1px solid var(--light-gray);box-shadow:0 2px 12px rgba(0,0,0,.06);transition:box-shadow .3s ease,transform .3s ease;border-radius:10px}.add-widget-card .bot-add-widgets-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-2px)}.add-widget-card .bot-add-widgets-card .divider-fix{margin-left:-32px!important;margin-right:-32px!important}.add-widget-card .bot-add-widgets-card p{font-size:12px}.fade-stagger-container>:nth-child(-n+5){--delay:calc(var(--index, 0)*400ms)}.fade-stagger-container>:nth-child(n+6){--delay:2000ms}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bot-create-banner{background-size:contain;background-position:50%;width:100%;height:100%;max-height:200px!important;background-repeat:no-repeat}.bot-card-banner-create-image-default{background-color:var(--secondary);background-size:cover;background-position:50%;height:180px}.bot-overview-create-avatar{margin-top:-60px;margin-left:45px}.widget-dialog{background:#fff}.dndflow{flex-direction:column!important;display:flex;height:100vh;width:100%}.dndflow aside{color:#fff;font-weight:700;border-right:1px solid #eee;padding:15px 10px;font-size:12px;background:rgba(16,185,129,.75);box-shadow:0 5px 10px #0000004d}.dndflow aside .nodes>*{margin-bottom:10px;cursor:grab;font-weight:500;box-shadow:5px 5px 10px 2px #00000040}.dndflow aside .description{margin-bottom:10px}.dndflow .vue-flow-wrapper{flex-grow:1;height:100%}@media screen and (min-width:640px){.dndflow{flex-direction:row}.dndflow aside{min-width:25%}}@media screen and (max-width:639px){.dndflow aside .nodes{display:flex;flex-direction:row;gap:5px}}.node-card{border:1px solid #e5e7eb!important;transition:box-shadow .3s ease,transform .3s ease;box-shadow:0 2px 12px rgba(0,0,0,.06);border-radius:24px!important;background:#fff;overflow:initial!important;width:400px;min-height:100px;cursor:pointer}.node-card .custom-handle{height:16px;width:16px;background:var(--light-gray)!important}.node-card.note-content{background-color:var(--note-yellow);color:var(--text-color);padding:10px 8px 10px 8px;width:400px;font-weight:500;line-height:1.3;border-radius:8px}.node-card.note-content,.node-card.note-content p{font-size:14px!important}.node-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-2px)}.node-card .node-title{font-size:20px;font-weight:bolder}.node-card .node-icon-start{font-size:40px!important}.node-card .node-card-text{white-space:normal;word-break:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;background-color:#f0f4f8;padding:4px;border-radius:15px;line-height:1.9!important;box-sizing:border-box}.node-card .node-card-text span{line-height:1.9!important}.node-card img{max-height:170px!important;max-width:400px!important}.node-settings-image,.node-settings-video{width:100%;max-height:200px!important}.node-card-main-text{display:flex;white-space:normal;word-break:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:14px!important;border-radius:15px;line-height:1.9}.multiple-choice-list{overflow:initial!important}.multiple-choice-list .v-list-item{max-width:400px!important;width:100%;padding-inline:0!important;padding-bottom:8px!important}.multiple-choice-list .v-list-item .v-list-item__content{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;background-color:#f0f4f8!important;border-radius:10px;padding:16px!important;max-width:400px;width:100%}.node-settings-dialog{background:#fff;border-radius:20px;overflow-y:auto!important;scrollbar-width:none;-ms-overflow-style:none}.node-settings-dialog::-webkit-scrollbar{width:0;background:transparent}.node-settings-dialog .header{background:linear-gradient(135deg,#fff,#f7f7f7);box-shadow:0 4px 12px rgba(0,0,0,.1);border-top-left-radius:20px;border-top-right-radius:20px}.node-settings-dialog .header .edit-tabs{border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.03)}.node-settings-dialog .header .editing-chip{font-size:12px}.node-settings-dialog .header .title{font-size:24px;font-weight:700}.node-settings-dialog .header .close-btn{position:absolute;top:20px;right:16px}.node-settings-dialog .node-settings-inner .node-settings-inner-title{font-size:16px;font-weight:bolder}.node-settings-dialog .node-settings-inner .node-settings-inner-subtitle{font-size:12px}.node-settings-dialog .node-settings-inner .node-settings-conditions-card{border:1px solid #e5e7eb;border-radius:5px;padding:8px;background:#fff}.flow-sidebar-node{background:#fff;padding:6px!important;border-radius:10px!important;height:30px;font-weight:bolder}.flow-sidebar-node span{margin-top:auto!important}.flow-sidebar-label{font-weight:600;font-size:16px;margin-bottom:10px}.flag-icon{font-size:32px!important}.edit-text-dialog .edit-text-card{background:#fff;min-height:600px}.flow-sidebar-nav{position:relative}.flow-sidebar-nav .flow-sidebar-nav-close-btn{position:absolute;right:-16px;top:50%;transform:translateY(-50%);border:1px solid var(--light-gray);transition:all .6s ease-in-out}.flow-sidebar-nav .flow-sidebar-nav-close-btn:not(.active){right:-36px}.flow-card{transition:box-shadow .3s ease,transform .3s ease;box-shadow:0 2px 12px rgba(0,0,0,.06);border-radius:24px!important;min-height:175px;cursor:pointer;background:#fff}.flow-card .card-header svg{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-top-left-radius:24px;border-top-right-radius:24px}.flow-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-2px)}.flow-node-menu-container{border-radius:24px!important;background:#fff}.flow-node-menu-item{cursor:pointer;transition:box-shadow .3s ease,transform .3s ease;box-shadow:0 2px 12px rgba(0,0,0,.06);border-radius:24px!important}.flow-node-menu-item:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-2px)}.flow-sidebar-nav{width:380px;z-index:1300}.flow-sidebar-nav .flow-sidebar-nav-item{cursor:pointer;transition:box-shadow .3s ease,transform .3s ease,border-color .3s ease;border-left:2px solid transparent!important}.flow-sidebar-nav .flow-sidebar-nav-item:hover{border-color:var(--secondary)!important;transform:translateY(-2px)}.flow-sidebar-nav .nav-title{font-weight:600px;font-size:16px}.flow-sidebar-nav .nav-header{background:var(--light-gray);border-bottom:1px solid var(--quaternary)!important}.flow-footer{position:sticky;bottom:0;left:0;width:100%;top:0}.flow-footer .custom-btn{z-index:1000;align-items:center;justify-content:center;padding:.625rem 1.25rem;background-color:var(--primary);color:#fff;font-size:20px;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease;box-shadow:0 2px 2px rgba(0,0,0,.2)}.flow-footer .custom-btn:hover{background-color:rgba(var(--primary-rgb),.8);box-shadow:0 4px 5px rgba(0,0,0,.3)}.flow-topbar{position:relative;background-color:#fff;border-bottom:1px solid #e5e7eb!important}.flow-topbar .flow-topbar-navigation{position:absolute;left:50%;transform:translate(-50%,-50%);top:100%;background-color:var(--text-white);padding:4px;border-radius:8px}.add-node-button{position:absolute!important;top:80px;right:16px;height:48px!important;width:48px!important;min-width:unset!important}.connect-line{transform:translateY(50%)}.vue-flow__panel.bottom{width:-moz-max-content;width:max-content}.article-header{background-color:#000}.article-header img{display:block;-o-object-fit:cover;object-fit:cover;border-radius:0;width:100%;height:30vh;max-height:280px;opacity:1;-o-object-position:center 80%;object-position:center 80%}.article-header .article-header-body{z-index:2;color:#fff;position:absolute;bottom:0}.article-header .article-header-head{position:absolute;top:0;left:0;z-index:2;color:#fff}.article-title-input{font-size:var(--font-size-h2)!important;font-weight:var(--font-weight-h2)!important;background:transparent;border:none;outline:none;color:#fff;width:100%}.article-title-input::-moz-placeholder{color:hsla(0,0%,100%,.7)}.article-title-input::placeholder{color:hsla(0,0%,100%,.7)}@media(max-width:768px){.article-title-input{font-size:var(--font-size-h3)!important}}.featured-image{border-radius:8px;border:1px solid var(--light-gray)}.file-drop-zone{border:2px dashed #e5e7eb;border-radius:8px;padding:20px;text-align:center;cursor:pointer;background-color:#fafafa;min-height:150px;transition:background-color .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center}.file-drop-zone:hover{background-color:#f0f0f0}.file-drop-zone v-icon{font-size:48px;color:#9e9e9e}.file-drop-zone p{margin:10px 0 0;color:#757575}.preview-image{max-width:100%;margin-top:10px}.toolbar-title-bold{font-size:20px;font-weight:700}.toolbar-title-light{font-size:16px;opacity:.6!important}.toolbar-icon svg{opacity:.6!important}.toolbar-cursor{cursor:pointer}.toolbar-cursor:hover{opacity:.4}.role-panel .v-expansion-panel{border-radius:10px!important}.role-panel .v-expansion-panel-text{padding:16px}.role-card{transition:box-shadow .3s ease,transform .3s ease;border-radius:24px;box-shadow:0 2px 12px rgba(0,0,0,.06);border:1px solid var(--light-gray)!important;background:#fff;cursor:pointer}.role-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-2px)}.role-card .role-card-title{font-size:20px}.role-card .role-cog .v-btn--icon.v-btn--density-default{height:0!important}.customer-toolbar{border-bottom:1px var(--light-gray) solid!important;height:140px;background-color:var(--systemwhite)!important}.customer-toolbar .customer-chat-btn{background:var(--text-color)!important}.customer-toolbar .customer-chat-btn span{color:#fff!important}.customer-toolbar .v-toolbar__content{height:140px!important}.customer-toolbar .customer-toolbar-avatar-text{font-size:32px}.customer-toolbar .customer-toolbar-title{font-size:16px}.customer-single-card{border:1px solid var(--light-gray);border-radius:10px}.customer-profile-page .customer-header{border-bottom:1px solid var(--light-gray)}.customer-profile-page .customer-header .v-card__image .v-responsive__sizer{background:#fff;background:linear-gradient(90deg,#fff 10%,hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,0))}.customer-profile-page .sidebar-text-field input{font-size:12px!important;min-height:unset!important;padding:0}.customer-profile-page .note-field .v-field{background-color:var(--note-yellow)}.customer-profile-page .note-field .v-field__overlay{display:none}.customer-profile-page .note-field textarea{font-size:var(--font-size-p)}.customer-profile-page .v-timeline--vertical.v-timeline{row-gap:8px!important}.customer-profile-page .events-sidebar .page-view-timelines-wrapper{position:relative}.customer-profile-page .events-sidebar .page-view-timelines-wrapper:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:40px;pointer-events:none;background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff)}.customer-profile-page .events-sidebar .page-view-timelines-wrapper:before{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:16px;pointer-events:none;background:linear-gradient(0deg,hsla(0,0%,100%,0),#fff)}.customer-profile-page .events-sidebar .page-view-timelines{padding-top:12px;padding-bottom:20px;max-height:400px;overflow-y:auto}.sprk-messenger{transform-origin:bottom right;transition:all .5s ease-in-out;width:660px;height:660px;max-height:100vh;opacity:100%;border-radius:16px;overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 115px);max-width:100vw;background:#004d3f;background:linear-gradient(180deg,#004d3f 22%,#004d3f 47%,#fff 67%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#004d3f",endColorstr="#ffffff",GradientType=1)}@media(max-width:767.98px){.sprk-messenger{width:100vw;height:100vh;border-radius:0;max-height:unset!important}}.sprk-messenger.inactive{width:0;height:0;opacity:0}.sprk-messenger .sprk-widget{width:100%}.sprk-messenger .main-widget-wrapper{opacity:0;transition:all .3s ease-in-out;overflow:hidden}.sprk-messenger .main-widget-wrapper.active{height:100%;opacity:100%}.sprk-messenger.chatbox-conversation,.sprk-messenger.faq-categories{background:linear-gradient(180deg,#004d3f,#004d3f 10%,#fff 0)}.sprk-messenger.faq-article{width:688px!important;height:685px!important}.sprk-messenger .welcome-message{font-weight:500;font-size:16px;color:var(--font-light)}.sprk-messenger .faq-search .faq-search-article-line{min-height:25px}.sprk-messenger .message-bar{padding:8px 8px;position:absolute;bottom:0;width:100%;border-top:var(--light-gray) 1px solid;background-color:var(--systemwhite)}.sprk-messenger .message-bar .v-field__input,.sprk-messenger .message-bar .v-input__append{padding-top:8px;mask-image:unset!important;-webkit-mask-image:unset!important}.sprk-messenger .message-bar .send-btn{align-self:center}.sprk-messenger .message-bar .send-btn svg path{fill:var(--primary)}.sprk-messenger .quickspark-widget .bot-chat-banner{background-size:contain;background-position:50%;width:100%;background-repeat:no-repeat}.sprk-messenger .quickspark-widget .bot-icon{width:52px;height:52px;border-radius:100%}.sprk-messenger .conversation-top-menu{position:relative;z-index:2}.sprk-messenger .conversation{margin-top:-40px}.sprk-messenger .conversation .conversation-wrapper{display:flex;flex-wrap:wrap;overflow-y:scroll;padding-top:48px;padding-bottom:115px;align-content:baseline;height:100%}.sprk-messenger .conversation .conversation-wrapper .message{padding-bottom:4px;width:100%}.sprk-messenger .conversation .conversation-wrapper .message .message-content{background-color:var(--font-light);color:var(--font-color);padding:10px 8px 10px 8px;max-width:90%;font-weight:500;line-height:1.3;font-size:14px}.sprk-messenger .conversation .conversation-wrapper .message .message-sender-icon{height:20px;width:20px}.sprk-messenger .conversation .conversation-wrapper .message .message-time{font-weight:400;font-size:12px;color:var(--font-gray)}.sprk-messenger .conversation .conversation-wrapper .message.assistant .message-content,.sprk-messenger .conversation .conversation-wrapper .message.helpdesk_user .message-content,.sprk-messenger .conversation .conversation-wrapper .message.system .message-content{margin-right:auto;border-radius:16px 4px 16px 4px}.sprk-messenger .conversation .conversation-wrapper .message.assistant .message-time,.sprk-messenger .conversation .conversation-wrapper .message.helpdesk_user .message-time,.sprk-messenger .conversation .conversation-wrapper .message.system .message-time{margin-right:auto;text-align:left}.sprk-messenger .conversation .conversation-wrapper .message.user .message-content{margin-left:auto;border-radius:4px 16px 4px 16px}.sprk-messenger .conversation .conversation-wrapper .message.user .message-time{margin-left:auto;text-align:right}.sprk-messenger .conversation .conversation-wrapper .option-field{height:-moz-max-content!important;height:max-content!important;flex-wrap:wrap;gap:8px;padding-bottom:8px}.sprk-messenger .conversation .conversation-wrapper .option-field .v-btn{text-transform:none!important;font-size:14px;width:-moz-fit-content;width:fit-content;margin:auto;padding:6px 8px;background-color:var(--option-color);border:1px solid var(--option-color);border-radius:8px}.sprk-messenger .conversation .conversation-wrapper .option-field .v-btn.v-btn--active{border:1px solid var(--secondary)}.sprk-messenger .conversation .conversation-wrapper .option-field .v-btn.v-btn--active .v-btn__overlay{opacity:0}.sprk-messenger .conversation .conversation-wrapper .option-field .v-btn .v-btn__content{white-space:wrap!important;letter-spacing:normal}.sprk-messenger-button{margin-left:auto;margin-top:15px;display:block}@media(max-width:767.98px){.sprk-messenger-button{display:none}}.loader-page{height:100vh}.loader-page .loader-card{max-width:300px;width:100%}@media(min-width:767.98px){.csv-dialog{position:relative;right:0;bottom:0}}.csv-dialog .file-upload{height:200px;background:var(--light-gray)}.csv-dialog .file-upload .file-input-overlay{position:absolute;top:200;left:0;width:100%;height:200px;opacity:0;cursor:pointer;z-index:1}.fields-dialog{width:1200px!important}.integrations-overview{padding:32px;max-width:1200px;margin:0 auto;background-color:#fafafa;min-height:100vh}.integrations-overview .integrations-header{margin-bottom:48px}.integrations-overview .integrations-header .header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}@media(max-width:768px){.integrations-overview .integrations-header .header-content{flex-direction:column;align-items:stretch}}.integrations-overview .integrations-header .header-content .header-text{flex:1}.integrations-overview .integrations-header .header-content .header-text .page-title{font-size:32px;font-weight:600;color:var(--text-color);margin:0 0 8px 0;line-height:1.2}.integrations-overview .integrations-header .header-content .header-text .page-subtitle{font-size:16px;color:var(--text-gray);margin:0;line-height:1.5;max-width:600px}.integrations-overview .integrations-header .header-content .new-integrations-btn{background:var(--primary)!important;color:#fff!important;font-weight:500!important;padding:12px 20px!important;border-radius:8px!important;text-transform:none!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important;letter-spacing:0!important;height:auto!important;min-height:40px!important}.integrations-overview .integrations-header .header-content .new-integrations-btn .v-btn__content{color:#fff!important}.integrations-overview .integrations-header .header-content .new-integrations-btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)!important;transform:translateY(-1px);background:#003d32!important}.integrations-overview .section{margin-bottom:48px}.integrations-overview .section .section-header{margin-bottom:24px}.integrations-overview .section .section-header .section-title{font-size:24px;font-weight:600;color:var(--text-color);margin:0 0 8px 0;line-height:1.3}.integrations-overview .section .section-header .section-description{font-size:14px;color:var(--text-gray);margin:0;line-height:1.5;max-width:700px}.integrations-overview .integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.integrations-overview .integrations-grid.recommended{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media(max-width:768px){.integrations-overview .integrations-grid{grid-template-columns:1fr;gap:16px}}.integrations-overview .integration-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease;position:relative;display:flex;flex-direction:column;height:100%;box-shadow:0 1px 3px rgba(0,0,0,.1)}.integrations-overview .integration-card:hover{border-color:var(--primary);box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-1px)}.integrations-overview .integration-card.connected{border-color:#10b981;background:#fff}.integrations-overview .integration-card.connected:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#10b981;border-radius:8px 8px 0 0}.integrations-overview .integration-card.recommended-card{border-color:#3b82f6;background:#fff}.integrations-overview .integration-card.recommended-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#3b82f6;border-radius:8px 8px 0 0}.integrations-overview .integration-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.integrations-overview .integration-card .card-header .integration-icon{width:40px;height:40px;border-radius:8px;overflow:hidden;border:1px solid #f3f4f6;display:flex;align-items:center;justify-content:center;background:#f9fafb;flex-shrink:0}.integrations-overview .integration-card .card-header .integration-icon .v-img{border-radius:6px}.integrations-overview .integration-card .card-header .connection-status .v-chip{font-size:10px;font-weight:600;height:20px;padding:0 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.integrations-overview .integration-card .card-content{flex:1;margin-bottom:12px}.integrations-overview .integration-card .card-content .integration-name{font-size:16px;font-weight:600;color:var(--text-color);margin:0 0 4px 0;line-height:1.3}.integrations-overview .integration-card .card-content .integration-description{font-size:12px;color:var(--text-gray);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.integrations-overview .integration-card .card-actions .v-btn{text-transform:none!important;font-weight:500!important;font-size:13px!important;border-radius:6px!important;padding:8px 16px!important;letter-spacing:0!important;box-shadow:none!important;height:auto!important;min-height:32px!important}.integrations-overview .integration-card .card-actions .v-btn.v-btn--variant-outlined{border:1px solid var(--primary)!important;color:var(--primary)!important;background:transparent!important}.integrations-overview .integration-card .card-actions .v-btn.v-btn--variant-outlined .v-btn__content{color:var(--primary)!important}.integrations-overview .integration-card .card-actions .v-btn.v-btn--variant-outlined:hover{background-color:var(--primary)!important;color:#fff!important}.integrations-overview .integration-card .card-actions .v-btn.v-btn--variant-outlined:hover .v-btn__content{color:#fff!important}.integrations-overview .integration-card .card-actions .v-btn.v-btn--variant-flat{background:var(--primary)!important;color:#fff!important}.integrations-overview .integration-card .card-actions .v-btn.v-btn--variant-flat .v-btn__content{color:#fff!important}.integrations-overview .integration-card .card-actions .v-btn.v-btn--variant-flat:hover{background:#003d32!important}.integrations-overview .empty-state{text-align:center;padding:80px 20px;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.integrations-overview .empty-state .empty-state-content{max-width:400px;margin:0 auto}.integrations-overview .empty-state .empty-state-content .v-icon{margin-bottom:16px;opacity:.6}.integrations-overview .empty-state .empty-state-content .empty-title{font-size:20px;font-weight:600;color:var(--text-color);margin:0 0 8px 0}.integrations-overview .empty-state .empty-state-content .empty-description{font-size:14px;color:var(--text-gray);margin:0 0 24px 0;line-height:1.5}.integrations-overview .empty-state .empty-state-content .v-btn{text-transform:none;font-weight:500;padding:12px 24px;border-radius:8px}.integration-settings-page{background-color:#fafafa;min-height:100vh}.integration-settings-page .settings-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:24px 32px}.integration-settings-page .settings-header .header-content{max-width:1200px;margin:0 auto}.integration-settings-page .settings-header .header-content .header-navigation{margin-bottom:24px}.integration-settings-page .settings-header .header-content .header-navigation .back-btn{text-transform:none!important;font-weight:500!important;color:var(--primary)!important;padding:8px 16px!important}.integration-settings-page .settings-header .header-content .header-navigation .back-btn .v-btn__content{color:var(--primary)!important}.integration-settings-page .settings-header .header-content .integration-info .integration-header-card{display:flex;align-items:center;gap:16px}.integration-settings-page .settings-header .header-content .integration-info .integration-header-card .integration-icon{width:64px;height:64px;border-radius:12px;overflow:hidden;border:1px solid #f3f4f6;display:flex;align-items:center;justify-content:center;background:#fff;flex-shrink:0}.integration-settings-page .settings-header .header-content .integration-info .integration-header-card .integration-details{flex:1}.integration-settings-page .settings-header .header-content .integration-info .integration-header-card .integration-details .integration-title{font-size:28px;font-weight:600;color:var(--text-color);margin:0 0 8px 0;line-height:1.2}.integration-settings-page .settings-header .header-content .integration-info .integration-header-card .integration-details .integration-status .v-chip{font-size:12px;font-weight:500;height:28px}.integration-settings-page .settings-content{max-width:1200px;margin:0 auto;padding:32px;display:grid;grid-template-columns:2fr 1fr;gap:24px}@media(max-width:768px){.integration-settings-page .settings-content{grid-template-columns:1fr;padding:16px}}.integration-settings-page .settings-content .info-card,.integration-settings-page .settings-content .settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.integration-settings-page .settings-content .info-card .card-header,.integration-settings-page .settings-content .settings-card .card-header{padding:24px 24px 0 24px;border-bottom:1px solid #f3f4f6;margin-bottom:24px}.integration-settings-page .settings-content .info-card .card-header .card-title,.integration-settings-page .settings-content .settings-card .card-header .card-title{font-size:20px;font-weight:600;color:var(--text-color);margin:0 0 8px 0}.integration-settings-page .settings-content .info-card .card-header .card-description,.integration-settings-page .settings-content .settings-card .card-header .card-description{font-size:14px;color:var(--text-gray);margin:0 0 16px 0;line-height:1.5}.integration-settings-page .settings-content .info-card .card-content,.integration-settings-page .settings-content .settings-card .card-content{padding:0 24px 24px 24px}.integration-settings-page .settings-content .info-card .card-content .integration-form .v-text-field,.integration-settings-page .settings-content .settings-card .card-content .integration-form .v-text-field{margin-bottom:16px}.integration-settings-page .settings-content .info-card .card-content .no-config,.integration-settings-page .settings-content .settings-card .card-content .no-config{text-align:center;padding:40px 20px}.integration-settings-page .settings-content .info-card .card-content .no-config .v-icon,.integration-settings-page .settings-content .settings-card .card-content .no-config .v-icon{margin-bottom:16px;opacity:.6}.integration-settings-page .settings-content .info-card .card-content .no-config .no-config-text,.integration-settings-page .settings-content .settings-card .card-content .no-config .no-config-text{font-size:14px;color:var(--text-gray);margin:0}.integration-settings-page .settings-content .info-card .card-content .info-item,.integration-settings-page .settings-content .settings-card .card-content .info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.integration-settings-page .settings-content .info-card .card-content .info-item:last-child,.integration-settings-page .settings-content .settings-card .card-content .info-item:last-child{border-bottom:none}.integration-settings-page .settings-content .info-card .card-content .info-item .info-label,.integration-settings-page .settings-content .settings-card .card-content .info-item .info-label{font-size:14px;color:var(--text-gray);font-weight:500}.integration-settings-page .settings-content .info-card .card-content .info-item .info-value,.integration-settings-page .settings-content .settings-card .card-content .info-item .info-value{font-size:14px;color:var(--text-color);font-weight:400}.integration-settings-page .settings-content .info-card .card-actions,.integration-settings-page .settings-content .settings-card .card-actions{padding:24px;border-top:1px solid #f3f4f6;background:#fafafa}.integration-settings-page .settings-content .info-card .card-actions .action-buttons,.integration-settings-page .settings-content .settings-card .card-actions .action-buttons{display:flex;gap:12px;justify-content:flex-end}@media(max-width:480px){.integration-settings-page .settings-content .info-card .card-actions .action-buttons,.integration-settings-page .settings-content .settings-card .card-actions .action-buttons{flex-direction:column}}.integration-settings-page .settings-content .info-card .card-actions .action-buttons .v-btn,.integration-settings-page .settings-content .settings-card .card-actions .action-buttons .v-btn{text-transform:none!important;font-weight:500!important;font-size:14px!important;border-radius:8px!important;padding:12px 20px!important;letter-spacing:0!important;box-shadow:none!important;height:auto!important;min-height:40px!important}.integration-settings-page .settings-content .info-card .card-actions .action-buttons .v-btn.disconnect-btn,.integration-settings-page .settings-content .settings-card .card-actions .action-buttons .v-btn.disconnect-btn{border:1px solid #ef4444!important;color:#ef4444!important;background:transparent!important}.integration-settings-page .settings-content .info-card .card-actions .action-buttons .v-btn.disconnect-btn .v-btn__content,.integration-settings-page .settings-content .settings-card .card-actions .action-buttons .v-btn.disconnect-btn .v-btn__content{color:#ef4444!important}.integration-settings-page .settings-content .info-card .card-actions .action-buttons .v-btn.disconnect-btn:hover,.integration-settings-page .settings-content .settings-card .card-actions .action-buttons .v-btn.disconnect-btn:hover{background-color:#ef4444!important;color:#fff!important}.integration-settings-page .settings-content .info-card .card-actions .action-buttons .v-btn.disconnect-btn:hover .v-btn__content,.integration-settings-page .settings-content .settings-card .card-actions .action-buttons .v-btn.disconnect-btn:hover .v-btn__content{color:#fff!important}.integration-settings-page .settings-content .info-card .card-actions .action-buttons .v-btn.save-btn,.integration-settings-page .settings-content .settings-card .card-actions .action-buttons .v-btn.save-btn{background:var(--primary)!important;color:#fff!important}.integration-settings-page .settings-content .info-card .card-actions .action-buttons .v-btn.save-btn .v-btn__content,.integration-settings-page .settings-content .settings-card .card-actions .action-buttons .v-btn.save-btn .v-btn__content{color:#fff!important}.integration-settings-page .settings-content .info-card .card-actions .action-buttons .v-btn.save-btn:hover,.integration-settings-page .settings-content .settings-card .card-actions .action-buttons .v-btn.save-btn:hover{background:rgba(var(--primary-rgb),.8)!important}.integration-settings-page .settings-content .info-card{height:-moz-fit-content;height:fit-content}.integration-settings-page .settings-content .info-card .card-header .card-title{font-size:18px}.integration-view-page{background-color:#fafafa;min-height:100vh}.integration-view-page .view-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:24px 32px}.integration-view-page .view-header .header-content{max-width:1200px;margin:0 auto}.integration-view-page .view-header .header-content .header-navigation .back-btn{text-transform:none!important;font-weight:500!important;color:var(--primary)!important;padding:8px 16px!important}.integration-view-page .view-header .header-content .header-navigation .back-btn .v-btn__content{color:var(--primary)!important}.integration-view-page .view-content{max-width:1200px;margin:0 auto;padding:32px}@media(max-width:768px){.integration-view-page .view-content{padding:16px}}.integration-view-page .view-content .integration-showcase{display:grid;grid-template-columns:1fr;gap:24px}.integration-view-page .view-content .integration-showcase .showcase-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:40px;text-align:center}@media(max-width:768px){.integration-view-page .view-content .integration-showcase .showcase-card{padding:24px}}.integration-view-page .view-content .integration-showcase .showcase-card .integration-logo{margin-bottom:32px}.integration-view-page .view-content .integration-showcase .showcase-card .integration-logo .v-img{margin:0 auto;border-radius:16px;border:1px solid #f3f4f6}.integration-view-page .view-content .integration-showcase .showcase-card .integration-info{margin-bottom:32px}.integration-view-page .view-content .integration-showcase .showcase-card .integration-info .integration-title{font-size:32px;font-weight:600;color:var(--text-color);margin:0 0 16px 0;line-height:1.2}@media(max-width:768px){.integration-view-page .view-content .integration-showcase .showcase-card .integration-info .integration-title{font-size:24px}}.integration-view-page .view-content .integration-showcase .showcase-card .integration-info .integration-description{font-size:16px;color:var(--text-gray);line-height:1.6;margin:0 0 16px 0;max-width:600px;margin-left:auto;margin-right:auto}.integration-view-page .view-content .integration-showcase .showcase-card .integration-info .integration-status .v-chip{font-size:12px;font-weight:500;height:28px}.integration-view-page .view-content .integration-showcase .showcase-card .integration-actions .connect-btn{text-transform:none!important;font-weight:500!important;font-size:16px!important;border-radius:8px!important;padding:16px 32px!important;letter-spacing:0!important;box-shadow:none!important;height:auto!important;min-height:48px!important}.integration-view-page .view-content .integration-showcase .showcase-card .integration-actions .connect-btn .v-btn__content{color:inherit!important}.integration-view-page .view-content .integration-showcase .showcase-card .integration-actions .connect-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)!important}.integration-view-page .view-content .integration-showcase .features-card,.integration-view-page .view-content .integration-showcase .info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.integration-view-page .view-content .integration-showcase .features-card .card-header,.integration-view-page .view-content .integration-showcase .info-card .card-header{padding:24px 24px 0 24px;border-bottom:1px solid #f3f4f6;margin-bottom:24px}.integration-view-page .view-content .integration-showcase .features-card .card-header .card-title,.integration-view-page .view-content .integration-showcase .info-card .card-header .card-title{font-size:20px;font-weight:600;color:var(--text-color);margin:0 0 16px 0}.integration-view-page .view-content .integration-showcase .features-card .card-content,.integration-view-page .view-content .integration-showcase .info-card .card-content{padding:0 24px 24px 24px}.integration-view-page .view-content .integration-showcase .features-card .card-content .features-list .feature-item,.integration-view-page .view-content .integration-showcase .info-card .card-content .features-list .feature-item{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:14px;color:var(--text-color)}.integration-view-page .view-content .integration-showcase .features-card .card-content .features-list .feature-item .v-icon,.integration-view-page .view-content .integration-showcase .info-card .card-content .features-list .feature-item .v-icon{flex-shrink:0}.integration-view-page .view-content .integration-showcase .features-card .card-content .info-grid .info-item,.integration-view-page .view-content .integration-showcase .info-card .card-content .info-grid .info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.integration-view-page .view-content .integration-showcase .features-card .card-content .info-grid .info-item:last-child,.integration-view-page .view-content .integration-showcase .info-card .card-content .info-grid .info-item:last-child{border-bottom:none}.integration-view-page .view-content .integration-showcase .features-card .card-content .info-grid .info-item .info-label,.integration-view-page .view-content .integration-showcase .info-card .card-content .info-grid .info-item .info-label{font-size:14px;color:var(--text-gray);font-weight:500}.integration-view-page .view-content .integration-showcase .features-card .card-content .info-grid .info-item .info-value,.integration-view-page .view-content .integration-showcase .info-card .card-content .info-grid .info-item .info-value{font-size:14px;color:var(--text-color);font-weight:400}.connect-integration-dialog{border-radius:12px!important;overflow:hidden}.connect-integration-dialog .dialog-header{padding:24px 24px 0 24px;border-bottom:1px solid #f3f4f6}.connect-integration-dialog .dialog-header .header-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.connect-integration-dialog .dialog-header .header-content .integration-info{display:flex;align-items:center;gap:16px;flex:1}.connect-integration-dialog .dialog-header .header-content .integration-info .integration-icon{width:48px;height:48px;border-radius:8px;overflow:hidden;border:1px solid #f3f4f6;display:flex;align-items:center;justify-content:center;background:#fff;flex-shrink:0}.connect-integration-dialog .dialog-header .header-content .integration-info .integration-icon .v-img{border-radius:6px}.connect-integration-dialog .dialog-header .header-content .integration-info .integration-details{flex:1}.connect-integration-dialog .dialog-header .header-content .integration-info .integration-details .dialog-title{font-size:20px;font-weight:600;color:var(--text-color);margin:0 0 4px 0;line-height:1.3}.connect-integration-dialog .dialog-header .header-content .integration-info .integration-details .dialog-subtitle{font-size:14px;color:var(--text-gray);margin:0;line-height:1.4}.connect-integration-dialog .dialog-header .header-content .close-btn{color:var(--text-gray)!important}.connect-integration-dialog .dialog-header .header-content .close-btn:hover{background-color:#f3f4f6!important}.connect-integration-dialog .dialog-content{padding:24px;min-height:200px}.connect-integration-dialog .dialog-content .integration-form-container .integration-form .v-text-field{margin-bottom:16px}.connect-integration-dialog .dialog-content .integration-form-container .integration-form .v-text-field .v-field{border-radius:8px}.connect-integration-dialog .dialog-content .integration-form-container .integration-form .text-bold{font-weight:500;color:var(--text-color);font-size:14px}.connect-integration-dialog .dialog-content .integration-form-container .no-config-form{display:flex;align-items:center;justify-content:center;min-height:160px}.connect-integration-dialog .dialog-content .integration-form-container .no-config-form .no-config-content{text-align:center;max-width:320px}.connect-integration-dialog .dialog-content .integration-form-container .no-config-form .no-config-content .v-icon{margin-bottom:16px;opacity:.6}.connect-integration-dialog .dialog-content .integration-form-container .no-config-form .no-config-content .no-config-title{font-size:18px;font-weight:600;color:var(--text-color);margin:0 0 8px 0}.connect-integration-dialog .dialog-content .integration-form-container .no-config-form .no-config-content .no-config-text{font-size:14px;color:var(--text-gray);line-height:1.5;margin:0}.connect-integration-dialog .dialog-actions{padding:24px;border-top:1px solid #f3f4f6;background:#fafafa}.connect-integration-dialog .dialog-actions .action-buttons{display:flex;gap:12px;justify-content:flex-end}@media(max-width:480px){.connect-integration-dialog .dialog-actions .action-buttons{flex-direction:column-reverse}}.connect-integration-dialog .dialog-actions .action-buttons .v-btn{text-transform:none!important;font-weight:500!important;font-size:14px!important;border-radius:8px!important;padding:12px 20px!important;letter-spacing:0!important;box-shadow:none!important;height:auto!important;min-height:40px!important}.connect-integration-dialog .dialog-actions .action-buttons .v-btn.cancel-btn{border:1px solid #d1d5db!important;color:var(--text-gray)!important;background:#fff!important}.connect-integration-dialog .dialog-actions .action-buttons .v-btn.cancel-btn .v-btn__content{color:var(--text-gray)!important}.connect-integration-dialog .dialog-actions .action-buttons .v-btn.cancel-btn:hover{background-color:#f9fafb!important}.connect-integration-dialog .dialog-actions .action-buttons .v-btn.connect-btn{background:var(--primary)!important;color:#fff!important}.connect-integration-dialog .dialog-actions .action-buttons .v-btn.connect-btn .v-btn__content{color:#fff!important}.connect-integration-dialog .dialog-actions .action-buttons .v-btn.connect-btn:hover{background:rgba(var(--primary-rgb),.8)!important}.connect-integration-dialog .dialog-actions .action-buttons .v-btn.connect-btn.v-btn--loading{opacity:.8}.google-docs-integration-form .form-section,.hubspot-integration-form .form-section,.notion-integration-form .form-section,.shopify-integration-form .form-section,.whatsapp-integration-form .form-section,.zendesk-integration-form .form-section{margin-bottom:24px}.google-docs-integration-form .form-section .section-header,.hubspot-integration-form .form-section .section-header,.notion-integration-form .form-section .section-header,.shopify-integration-form .form-section .section-header,.whatsapp-integration-form .form-section .section-header,.zendesk-integration-form .form-section .section-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.google-docs-integration-form .form-section .section-header .section-title,.hubspot-integration-form .form-section .section-header .section-title,.notion-integration-form .form-section .section-header .section-title,.shopify-integration-form .form-section .section-header .section-title,.whatsapp-integration-form .form-section .section-header .section-title,.zendesk-integration-form .form-section .section-header .section-title{font-size:18px;font-weight:600;color:var(--text-color);margin:0}.google-docs-integration-form .form-section .section-description,.hubspot-integration-form .form-section .section-description,.notion-integration-form .form-section .section-description,.shopify-integration-form .form-section .section-description,.whatsapp-integration-form .form-section .section-description,.zendesk-integration-form .form-section .section-description{font-size:14px;color:var(--text-gray);margin:0;line-height:1.5}.google-docs-integration-form .form-fields .field-group,.hubspot-integration-form .form-fields .field-group,.notion-integration-form .form-fields .field-group,.shopify-integration-form .form-fields .field-group,.whatsapp-integration-form .form-fields .field-group,.zendesk-integration-form .form-fields .field-group{margin-bottom:24px}.google-docs-integration-form .form-fields .field-group .field-label,.hubspot-integration-form .form-fields .field-group .field-label,.notion-integration-form .form-fields .field-group .field-label,.shopify-integration-form .form-fields .field-group .field-label,.whatsapp-integration-form .form-fields .field-group .field-label,.zendesk-integration-form .form-fields .field-group .field-label{display:block;font-size:14px;font-weight:500;color:var(--text-color);margin-bottom:4px}.google-docs-integration-form .form-fields .field-group .field-label .required,.hubspot-integration-form .form-fields .field-group .field-label .required,.notion-integration-form .form-fields .field-group .field-label .required,.shopify-integration-form .form-fields .field-group .field-label .required,.whatsapp-integration-form .form-fields .field-group .field-label .required,.zendesk-integration-form .form-fields .field-group .field-label .required{color:#ef4444;margin-left:2px}.google-docs-integration-form .form-fields .field-group .field-description,.hubspot-integration-form .form-fields .field-group .field-description,.notion-integration-form .form-fields .field-group .field-description,.shopify-integration-form .form-fields .field-group .field-description,.whatsapp-integration-form .form-fields .field-group .field-description,.zendesk-integration-form .form-fields .field-group .field-description{font-size:13px;color:var(--text-gray);margin:0 0 8px 0;line-height:1.4}.google-docs-integration-form .form-fields .field-group .modern-field .v-field,.hubspot-integration-form .form-fields .field-group .modern-field .v-field,.notion-integration-form .form-fields .field-group .modern-field .v-field,.shopify-integration-form .form-fields .field-group .modern-field .v-field,.whatsapp-integration-form .form-fields .field-group .modern-field .v-field,.zendesk-integration-form .form-fields .field-group .modern-field .v-field{border-radius:8px;font-size:14px}.google-docs-integration-form .form-fields .field-group .modern-field .v-field--focused,.hubspot-integration-form .form-fields .field-group .modern-field .v-field--focused,.notion-integration-form .form-fields .field-group .modern-field .v-field--focused,.shopify-integration-form .form-fields .field-group .modern-field .v-field--focused,.whatsapp-integration-form .form-fields .field-group .modern-field .v-field--focused,.zendesk-integration-form .form-fields .field-group .modern-field .v-field--focused{box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.google-docs-integration-form .form-fields .field-group .modern-field .v-field__prepend-inner,.hubspot-integration-form .form-fields .field-group .modern-field .v-field__prepend-inner,.notion-integration-form .form-fields .field-group .modern-field .v-field__prepend-inner,.shopify-integration-form .form-fields .field-group .modern-field .v-field__prepend-inner,.whatsapp-integration-form .form-fields .field-group .modern-field .v-field__prepend-inner,.zendesk-integration-form .form-fields .field-group .modern-field .v-field__prepend-inner{padding-right:8px}.google-docs-integration-form .form-fields .field-group .checkbox-group .sync-option .v-selection-control,.hubspot-integration-form .form-fields .field-group .checkbox-group .sync-option .v-selection-control,.notion-integration-form .form-fields .field-group .checkbox-group .sync-option .v-selection-control,.shopify-integration-form .form-fields .field-group .checkbox-group .sync-option .v-selection-control,.whatsapp-integration-form .form-fields .field-group .checkbox-group .sync-option .v-selection-control,.zendesk-integration-form .form-fields .field-group .checkbox-group .sync-option .v-selection-control{min-height:32px}.google-docs-integration-form .form-fields .field-group .checkbox-group .sync-option .v-label,.hubspot-integration-form .form-fields .field-group .checkbox-group .sync-option .v-label,.notion-integration-form .form-fields .field-group .checkbox-group .sync-option .v-label,.shopify-integration-form .form-fields .field-group .checkbox-group .sync-option .v-label,.whatsapp-integration-form .form-fields .field-group .checkbox-group .sync-option .v-label,.zendesk-integration-form .form-fields .field-group .checkbox-group .sync-option .v-label{font-size:14px;color:var(--text-color)}.google-docs-integration-form .form-fields .field-group .subdomain-suffix,.hubspot-integration-form .form-fields .field-group .subdomain-suffix,.notion-integration-form .form-fields .field-group .subdomain-suffix,.shopify-integration-form .form-fields .field-group .subdomain-suffix,.whatsapp-integration-form .form-fields .field-group .subdomain-suffix,.zendesk-integration-form .form-fields .field-group .subdomain-suffix{font-size:14px;color:var(--text-gray);font-weight:500}.google-docs-integration-form .form-fields .info-card,.hubspot-integration-form .form-fields .info-card,.notion-integration-form .form-fields .info-card,.shopify-integration-form .form-fields .info-card,.whatsapp-integration-form .form-fields .info-card,.zendesk-integration-form .form-fields .info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;display:flex;gap:12px;margin-top:24px}.google-docs-integration-form .form-fields .info-card .info-content,.hubspot-integration-form .form-fields .info-card .info-content,.notion-integration-form .form-fields .info-card .info-content,.shopify-integration-form .form-fields .info-card .info-content,.whatsapp-integration-form .form-fields .info-card .info-content,.zendesk-integration-form .form-fields .info-card .info-content{flex:1}.google-docs-integration-form .form-fields .info-card .info-content .info-title,.hubspot-integration-form .form-fields .info-card .info-content .info-title,.notion-integration-form .form-fields .info-card .info-content .info-title,.shopify-integration-form .form-fields .info-card .info-content .info-title,.whatsapp-integration-form .form-fields .info-card .info-content .info-title,.zendesk-integration-form .form-fields .info-card .info-content .info-title{font-size:14px;font-weight:600;color:var(--text-color);margin:0 0 8px 0}.google-docs-integration-form .form-fields .info-card .info-content .info-text,.hubspot-integration-form .form-fields .info-card .info-content .info-text,.notion-integration-form .form-fields .info-card .info-content .info-text,.shopify-integration-form .form-fields .info-card .info-content .info-text,.whatsapp-integration-form .form-fields .info-card .info-content .info-text,.zendesk-integration-form .form-fields .info-card .info-content .info-text{font-size:13px;color:var(--text-gray);margin:0;line-height:1.4}.google-docs-integration-form .form-fields .info-card .info-content .info-list,.hubspot-integration-form .form-fields .info-card .info-content .info-list,.notion-integration-form .form-fields .info-card .info-content .info-list,.shopify-integration-form .form-fields .info-card .info-content .info-list,.whatsapp-integration-form .form-fields .info-card .info-content .info-list,.zendesk-integration-form .form-fields .info-card .info-content .info-list{font-size:13px;color:var(--text-gray);margin:0;padding-left:16px;line-height:1.5}.google-docs-integration-form .form-fields .info-card .info-content .info-list li,.hubspot-integration-form .form-fields .info-card .info-content .info-list li,.notion-integration-form .form-fields .info-card .info-content .info-list li,.shopify-integration-form .form-fields .info-card .info-content .info-list li,.whatsapp-integration-form .form-fields .info-card .info-content .info-list li,.zendesk-integration-form .form-fields .info-card .info-content .info-list li{margin-bottom:4px}.google-docs-integration-form .form-fields .info-card .info-content .info-list li a,.hubspot-integration-form .form-fields .info-card .info-content .info-list li a,.notion-integration-form .form-fields .info-card .info-content .info-list li a,.shopify-integration-form .form-fields .info-card .info-content .info-list li a,.whatsapp-integration-form .form-fields .info-card .info-content .info-list li a,.zendesk-integration-form .form-fields .info-card .info-content .info-list li a{color:var(--primary);text-decoration:none}.google-docs-integration-form .form-fields .info-card .info-content .info-list li a:hover,.hubspot-integration-form .form-fields .info-card .info-content .info-list li a:hover,.notion-integration-form .form-fields .info-card .info-content .info-list li a:hover,.shopify-integration-form .form-fields .info-card .info-content .info-list li a:hover,.whatsapp-integration-form .form-fields .info-card .info-content .info-list li a:hover,.zendesk-integration-form .form-fields .info-card .info-content .info-list li a:hover{text-decoration:underline}.google-docs-integration-form .form-fields .info-card .v-icon,.hubspot-integration-form .form-fields .info-card .v-icon,.notion-integration-form .form-fields .info-card .v-icon,.shopify-integration-form .form-fields .info-card .v-icon,.whatsapp-integration-form .form-fields .info-card .v-icon,.zendesk-integration-form .form-fields .info-card .v-icon{flex-shrink:0;margin-top:2px}.google-docs-integration-form .modern-field.v-textarea .v-field{min-height:120px}.hubspot-integration-form .modern-field[readonly] .v-field{background-color:#f8fafc}.zendesk-integration-form .modern-field.v-select .v-field .v-chip{height:24px;font-size:12px}.integration-settings-card,.integration-view-card{border-radius:24px;border:1px solid var(--light-gray)}.integration-settings-card{width:40%}.delete_dialog{background:#fff;border-radius:20px}.delete_dialog .delete-text{font-size:16px}.settings-sidebar-menu .v-list-item{padding-inline:12px!important;padding-inline-start:12px!important}.inbox-icon-picker.v-card{border:1px solid var(--light-gray);border-radius:8px;background-color:var(--text-white-light)}.inbox-icon-picker.v-card:hover{box-shadow:0 2px 12px rgba(0,0,0,.1)}.settings-inbox-sidebar{background-color:var(--systemwhite);border-right:1px var(--light-gray) solid}.settings-inbox-sidebar .v-list-item{border:1px solid transparent;border-radius:8px!important}.settings-inbox-sidebar .v-list-item p{font-weight:400}.settings-inbox-sidebar .v-list-item--active{background-color:var(--systemwhite);border:1px solid #eaebef;box-shadow:0 1px 3px 0 rgba(225,229,237,.72)}.settings-inbox-sidebar .v-list-item--active .v-list-item__overlay{display:none}.settings-inbox-sidebar .v-list-item--active p{font-weight:600}.add-workspace-inbox-channel-card{position:relative}.add-workspace-inbox-channel-card .highlight-layer{position:absolute;top:0;right:0;z-index:-1}.add-channel-card{transition:border-color .3s ease-in-out}.add-channel-card i,.add-channel-card p{transition:color .3s ease-in-out}.add-channel-card:hover{border-color:var(--secondary)!important}.add-channel-card:hover i,.add-channel-card:hover p{color:var(--secondary)!important}.settings-dashboard-card{transition:box-shadow .3s ease,transform .3s ease;border-radius:24px;cursor:pointer;border:1px solid var(--light-gray);background-color:#fff;height:100%;box-shadow:0 2px 12px rgba(0,0,0,.06)}.settings-dashboard-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-2px)}.settings-dashboard-card .card-text h6{font-size:16px;font-weight:600;color:var(--text-color)}.settings-dashboard-card .card-text p{font-size:14px;color:var(--text-color);opacity:.7}.note-textarea .v-textarea .v-field{background-color:var(--light-gray)!important;border-radius:12px;border:none;padding:12px;min-height:80px}.note-textarea .v-textarea .v-field .v-field__input{color:var(--text-color);font-size:14px;line-height:1.5}.note-textarea .v-textarea .v-field .v-field__outline{--v-field-border-opacity:0.1;color:gold}.notes-list{margin-top:16px;display:flex;flex-direction:column;gap:8px}.notes-list .note-item{background-color:#fff8e1;border-radius:12px}.notes-list .note-item .note-header{display:flex;justify-content:space-between;align-items:center}.notes-list .note-item .note-header .note-creator{font-size:12px;font-weight:600;color:var(--text-color)}.notes-list .note-item .note-header .note-date{font-size:12px;color:var(--text-color);opacity:.7}.notes-list .note-item .note-content{font-size:14px;color:var(--text-color);line-height:1.5}.product-sidebar{border-top:1px solid rgba(var(--v-border-color),var(--v-border-opacity))!important}.product-sidebar .i{min-height:32px}.product-sidebar .v-list-item{color:#000;display:flex;align-items:center;min-height:64px!important}.product-sidebar .arrow-text,.product-sidebar .v-list-item-title{font-size:16px!important;font-weight:400;line-height:1.5;text-transform:none}.editable-cell{min-height:32px;padding:16px 8px;width:calc(100% - 32px)!important;cursor:pointer}.editable-cell:hover{color:var(--primary)!important;width:calc(100% - 32px)!important;border-radius:4px!important;border:1px solid rgba(var(--primary-rgb),.08)!important;box-shadow:0 0 0 1px rgba(var(--primary-rgb),.2)!important;background:rgba(var(--primary-rgb),.08)!important}.clickable-field{cursor:pointer;padding:8px 4px;border-radius:4px;transition:all .2s ease;display:inline-block;min-width:60px}.clickable-field:hover{background-color:rgba(var(--v-theme-primary),.08);color:rgb(var(--v-theme-primary));transform:translateY(-1px)}.avatar-edit{background:#fff;border-radius:10px}.avatar-edit .video-preview{max-width:100%;max-height:300px}.avatar-edit .fixed-cropper-container{height:300px;position:relative}.avatar-edit .cropper{height:100%;width:auto}.import-window .import-card{transition:box-shadow .3s ease,transform .3s ease;box-shadow:0 2px 12px rgba(0,0,0,.06);border-radius:24px!important;min-height:175px;cursor:pointer;background:#fff;overflow:hidden}.import-window .import-card .bot-card-banner-image-default{border-top-left-radius:24px;border-top-right-radius:24px}.import-window .import-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-2px)}.import-window .source-card{min-width:640px}.import-window .file-card,.import-window .source-card{background:#fff;border:1px solid var(--light-gray);border-radius:24px}.import-window .file-card{width:100%}.import-window .file-drop-card{background:#fff;width:640px;border:1px solid var(--light-gray);border-radius:24px}.import-window .dropzone{border:2px dashed #ccc;border-radius:12px;transition:.2s}.import-window .dropzone--active{border-color:#1976d2;background-color:#e3f2fd}.import-window .import-summary-text{font-size:16px}.import-integration-card{transition:box-shadow .3s ease,transform .3s ease;border-radius:24px;cursor:pointer}.import-integration-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-2px)}.import-integration-card .header{box-shadow:0 2px 12px rgba(0,0,0,.06);height:248px;border-top-right-radius:24px;border-top-left-radius:24px;border:1px solid var(--light-gray);background-color:var(--light-gray);display:flex;justify-content:center;-o-object-fit:cover;object-fit:cover;overflow:hidden}.import-integration-card .body{box-shadow:0 2px 12px rgba(0,0,0,.06);border-bottom-right-radius:24px;border-bottom-left-radius:24px;border:1px solid var(--light-gray);background:#fff}.account-content{max-width:100%;display:flex;flex-direction:column;gap:24px;padding:32px}@media(max-width:768px){.account-content{padding:16px}}.account-content .account-section .section-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.account-content .account-section .section-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 0 24px;margin-bottom:24px}.account-content .account-section .section-card .card-header .header-left{flex:1}.account-content .account-section .section-card .card-header .header-left .section-title{font-size:20px;font-weight:600;color:var(--text-color);margin:0 0 4px 0}.account-content .account-section .section-card .card-header .header-left .section-description{font-size:14px;color:var(--text-gray);margin:0;line-height:1.4}.account-content .account-section .section-card .card-header .edit-btn{text-transform:none!important;font-weight:500!important;border-radius:8px!important;padding:8px 16px!important;height:auto!important;min-height:36px!important}.account-content .account-section .section-card.profile-card .profile-content{padding:0 24px 24px 24px}.account-content .account-section .section-card.profile-card .profile-content .avatar-section{display:flex;align-items:center;gap:20px}.account-content .account-section .section-card.profile-card .profile-content .avatar-section .profile-avatar{border:3px solid #f3f4f6;background:var(--primary)}.account-content .account-section .section-card.profile-card .profile-content .avatar-section .avatar-info .user-name{font-size:24px;font-weight:600;color:var(--text-color);margin:0 0 4px 0}.account-content .account-section .section-card.profile-card .profile-content .avatar-section .avatar-info .user-email{font-size:16px;color:var(--text-gray);margin:0}.account-content .account-section .section-card .info-grid{padding:0 24px 24px 24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:768px){.account-content .account-section .section-card .info-grid{grid-template-columns:1fr;gap:16px}}.account-content .account-section .section-card .info-grid .info-item .info-label{display:block;font-size:12px;font-weight:600;color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.account-content .account-section .section-card .info-grid .info-item .info-value{font-size:16px;font-weight:500;color:var(--text-color);line-height:1.4}.account-content .account-section .section-card .security-content{padding:0 24px 24px 24px}.account-content .account-section .section-card .security-content .security-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #f3f4f6}.account-content .account-section .section-card .security-content .security-item:last-child{border-bottom:none}.account-content .account-section .section-card .security-content .security-item .security-icon{width:40px;height:40px;border-radius:8px;background:#f9fafb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.account-content .account-section .section-card .security-content .security-item .security-text{flex:1}.account-content .account-section .section-card .security-content .security-item .security-text .security-title{font-size:16px;font-weight:600;color:var(--text-color);margin:0 0 4px 0}.account-content .account-section .section-card .security-content .security-item .security-text .security-description{font-size:14px;color:var(--text-gray);margin:0;line-height:1.4}.account-content .account-section .section-card .preferences-content{padding:0 24px 24px 24px}.account-content .account-section .section-card .preferences-content .preference-group{margin-bottom:32px}.account-content .account-section .section-card .preferences-content .preference-group:last-child{margin-bottom:0}.account-content .account-section .section-card .preferences-content .preference-group .group-title{font-size:16px;font-weight:600;color:var(--text-color);margin:0 0 16px 0}.account-content .account-section .section-card .preferences-content .preference-group .preference-item{margin-bottom:16px}.account-content .account-section .section-card .preferences-content .preference-group .preference-item:last-child{margin-bottom:0}.account-content .account-section .section-card .preferences-content .preference-group .preference-item .preference-control .availability-switch :deep(.v-switch) .v-switch__track{background:#e5e7eb!important}.account-content .account-section .section-card .preferences-content .preference-group .preference-item .preference-control .availability-switch :deep(.v-switch).v-input--is-dirty .v-switch__track{background:var(--success)!important}.account-content .account-section .section-card .preferences-content .preference-group .preference-item .preference-info{display:flex;align-items:center;justify-content:space-between;gap:16px}.account-content .account-section .section-card .preferences-content .preference-group .preference-item .preference-info .preference-label{font-size:14px;font-weight:500;color:var(--text-color)}.account-content .account-section .section-card .preferences-content .preference-group .preference-item .preference-info .max-chats-select{max-width:120px}.account-content .account-section .section-card .preferences-content .preference-group .preference-item .preference-info .max-chats-select :deep(.v-field__input){padding:8px 12px!important;min-height:36px!important}.account-content .account-section .section-card .preferences-content .preference-group .preference-item :deep(.v-switch) .v-switch__track{background:#e5e7eb!important}.account-content .account-section .section-card .preferences-content .preference-group .preference-item :deep(.v-switch).v-input--is-dirty .v-switch__track{background:var(--primary)!important}.account-content .account-section .section-card .stats-grid{padding:0 24px 24px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}@media(max-width:768px){.account-content .account-section .section-card .stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:480px){.account-content .account-section .section-card .stats-grid{grid-template-columns:1fr}}.account-content .account-section .section-card .stats-grid .stat-item{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border-radius:8px}.account-content .account-section .section-card .stats-grid .stat-item .stat-icon{width:48px;height:48px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,.1)}.account-content .account-section .section-card .stats-grid .stat-item .stat-content{display:flex;flex-direction:column;gap:2px}.account-content .account-section .section-card .stats-grid .stat-item .stat-content .stat-number{font-size:20px;font-weight:700;color:var(--text-color);line-height:1.2}.account-content .account-section .section-card .stats-grid .stat-item .stat-content .stat-label{font-size:12px;font-weight:500;color:var(--text-gray);line-height:1.3}.account-content .account-section .section-card .security-content .security-item{position:relative}.account-content .account-section .section-card .security-content .security-item .enable-2fa-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);text-transform:none!important;font-weight:500!important;border-radius:6px!important;padding:4px 12px!important;height:auto!important;min-height:28px!important;font-size:12px!important}.step-card{min-width:600px;border:1px solid var(--light-gray);border-radius:32px}.step-card .quantity-slider-label{width:-moz-max-content!important;width:max-content!important;font-size:14px;color:#fff}.step-card .step-card-header h3{font-size:24px;font-weight:500;color:var(--text-color)}.step-card .step-card-content p{font-size:14px;color:var(--text-color)}.onboard-image{position:absolute!important;top:0;left:0}.team-list{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}