@font-face{font-family:dana;font-style:normal;font-weight:500;src:url(https://cdn.aidasales.ir/fonts/Webfonts/fonts/woff2/Dana-Medium.woff2) format("woff2"),url(https://cdn.aidasales.ir/fonts/Webfonts/fonts/woff/Dana-Medium.woff) format("woff")}@font-face{font-family:dana;font-style:normal;font-weight:600;src:url(https://cdn.aidasales.ir/fonts/Webfonts/fonts/woff2/Dana-DemiBold.woff2) format("woff2"),url(https://cdn.aidasales.ir/fonts/Webfonts/fonts/woff/Dana-DemiBold.woff) format("woff")}@font-face{font-family:dana;font-style:normal;font-weight:800;src:url(https://cdn.aidasales.ir/fonts/Webfonts/fonts/woff2/Dana-ExtraBold.woff2) format("woff2"),url(https://cdn.aidasales.ir/fonts/Webfonts/fonts/woff/Dana-ExtraBold.woff) format("woff")}@font-face{font-family:dana;font-style:normal;font-weight:700;src:url(https://cdn.aidasales.ir/fonts/Webfonts/fonts/woff2/Dana-Bold.woff2) format("woff2"),url(https://cdn.aidasales.ir/fonts/Webfonts/fonts/woff/Dana-Bold.woff) format("woff")}@font-face{font-family:dana;font-style:normal;font-weight:400;src:url(https://cdn.aidasales.ir/fonts/Webfonts/fonts/woff2/Dana-Regular.woff2) format("woff2"),url(https://cdn.aidasales.ir/fonts/Webfonts/fonts/woff/Dana-Regular.woff) format("woff")}button,input,select,textarea,*{font-family:dana,Roboto,Arial,sans-serif!important}body{font-family:dana,Roboto,Arial,sans-serif!important;font-size:16px}img,video{max-width:100%;height:auto}@media (max-width: 600px){body{font-size:15px}h1{font-size:1.7rem}h2{font-size:1.4rem}h3{font-size:1.2rem}h4,h5,h6{font-size:1rem}}.MuiContainer-root{padding-left:8px!important;padding-right:8px!important}@media (max-width: 598px){.MuiDrawer-paper{width:80vw!important;min-width:180px!important;max-width:320px!important}.MuiAppBar-root{width:100vw!important;left:0!important;right:0!important}.dashboard-buttons_video_info{gap:0!important}}@media (max-width: 850px){.Desktop-conversation{display:none!important}.Mobile-conversation{display:flex!important}.back_profile_image{height:100px!important;background-position:2!important}.profile_box_profile{right:20px!important;gap:10px!important}.profile_image{height:100px!important;width:100px!important}.text_profile_name{font-size:20px!important;padding-bottom:20px!important}.text_business_name{font-size:20px!important}}@media (max-width: 400px){.back_profile_image{height:120px!important;background-position:2!important}.profile_box_profile{top:20px!important}.profile_image{height:80px!important;width:80px!important}.text_profile_name{font-size:18px!important;padding-bottom:0!important}.text_business_name{font-size:18px!important;padding-bottom:0!important;padding-top:15px!important}}@media (max-width: 900px){.MuiGrid-item{max-width:100%!important;flex-basis:100%!important}}@media (max-width: 600px){.MuiFormControl-root,.MuiButton-root,.MuiTextField-root{width:100%!important;min-width:0!important;font-size:1rem!important;font-family:dana,Roboto,Arial,sans-serif!important}}@media (max-width: 600px){.MuiStack-root{gap:8px!important}}@media (max-width: 600px){.MuiTable-root,.MuiTableContainer-root{overflow-x:auto!important;display:block!important}.MuiTableCell-root{font-size:.95rem!important;padding:8px 4px!important}}@media (max-width: 600px){.hide-on-mobile{display:none!important}}#switch{width:50px;height:30px;position:relative;transform:none;border-radius:35px;border-width:2.5px;border-style:solid;border-color:#d3efff;background-color:#bae6ff;transition:background-color 1s}#switch.off{border-color:#282833;background-color:#171723}#contentwrapper{position:absolute;left:0;right:0;top:0;bottom:0;border-radius:25px;-webkit-border-radius:25px;overflow:hidden;z-index:2}#circle{position:absolute;width:15px;height:15px;left:0%;top:50%;transform:translate(-0%,-50%);border-radius:50%;background-color:#ffe9b7;box-shadow:0 0 5px 2px #ffe9b7,0 0 10px 8px #ffdb8c,0 0 16px 10px #ffd16d;transition:left .5s,transform .5s,width .5s,height .5s,box-shadow .5s,background-color .5s;z-index:1}#circle:before{content:"";position:absolute;width:2px;height:4px;left:13%;top:30%;border-radius:50%;background-color:#b7bcbb;box-shadow:0 0 1px .4px #b7bcbb,0 0 4px 2.5px #c0c6c5;opacity:0;transition:opacity 0s}#circle:after{content:"";position:absolute;width:2px;height:2px;left:60%;top:75%;border-radius:50%;background-color:#b7bcbb;box-shadow:0 0 1px .4px #b7bcbb,0 0 2px 1.6px #c0c6c5;opacity:0;transition:opacity 0s}#switch.off #circle{width:18px;height:18px;border-radius:50%;background-color:#edf2f1;left:100%;transform:translate(-100%,-50%);box-shadow:0 0 7px 1.2px #f4f7f6}#switch.off #circle:before{opacity:1;transition:opacity 2s .2s}#switch.off #circle:after{opacity:1;transition:opacity 2s .2s}.star{position:absolute;width:2.5px;height:2.5px;left:80%;top:50%;border-radius:50%;background-color:#fff;box-shadow:0 0 2px #fff;animation:none;opacity:0}.star:before{content:"";position:absolute;width:8px;height:.4px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background-color:#fff;box-shadow:0 0 1.6px #fff;animation:growbrighter 1s linear alternate infinite}.star:after{content:"";position:absolute;width:.4px;height:8px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background-color:#fff;box-shadow:0 0 1.6px #fff;animation:growbrighter 1s linear alternate infinite}#switch.off .star{opacity:1;transition:opacity 2s 1.5s}#switch.off #stars .star:nth-of-type(1){animation:startravel1 15s linear infinite;animation-delay:.4s}#switch.off #stars .star:nth-of-type(2){animation:startravel2 12s linear infinite;animation-delay:.2s}#switch.off #stars .star:nth-of-type(3){animation:startravel3 18s linear infinite;animation-delay:0s}#stars .star:nth-of-type(1){animation:startravel1 15s linear infinite;animation-delay:.4s}#stars .star:nth-of-type(2){animation:startravel2 12s linear infinite;animation-delay:.2s}#stars .star:nth-of-type(3){animation:startravel3 18s linear infinite;animation-delay:0s}@keyframes growbrighter{0%{box-shadow:0 0 1.6px #fff}to{box-shadow:0 0 6px #fff}}@keyframes startravel1{0%{transform:rotate(65deg) translate(-18px) scale(.9)}to{transform:rotate(-60deg) translate(-18px) scale(1.2)}}@keyframes startravel2{0%{transform:rotate(27deg) translate(-23px) scale(1.2)}to{transform:rotate(-25deg) translate(-23px) scale(1)}}@keyframes startravel3{0%{transform:rotate(22deg) translate(-33px) scale(1)}to{transform:rotate(-20deg) translate(-33px) scale(.7)}}.cloud:nth-of-type(1){position:absolute;width:16px;height:20px;left:-32px;top:2px;border-radius:50%;background:radial-gradient(#fff 30%,#e6e6e6);z-index:2;opacity:1;transition:opacity 2s .4s;animation:cloudtravel1 22s linear infinite;animation-delay:5.4s}.cloud:nth-of-type(1):before{content:"";position:absolute;width:10px;height:7px;left:-55%;top:70%;transform:translate(100%,-0%);border-radius:50%;background:inherit;z-index:3}.cloud:nth-of-type(1):after{content:"";position:absolute;width:13px;height:10px;left:100%;top:50%;transform:translate(-70%,-0%);border-radius:50%;background:inherit;z-index:3}.cloud:nth-of-type(1) .cloudpart:nth-of-type(1){content:"";position:absolute;width:21px;height:16px;left:-100%;bottom:0%;transform:translate(40%,-0%);border-radius:50%;background:inherit;z-index:2}.cloud:nth-of-type(1) .cloudpart:nth-of-type(2){content:"";position:absolute;width:14px;height:14px;left:100%;bottom:0%;transform:translate(-50%,-0%);border-radius:50%;background:inherit;z-index:2}.cloud:nth-of-type(1) .cloudpart:nth-of-type(1):after{content:"";position:absolute;width:20px;height:12px;left:50%;top:50%;transform:translate(-35%,-50%);border-radius:50%;background:inherit;z-index:3}.cloud:nth-of-type(1) .cloudpart:nth-of-type(2):before{content:"";position:absolute;width:16px;height:14px;left:-50%;top:50%;transform:translate(20%,-70%);border-radius:50%;background:inherit;z-index:3}.cloud:nth-of-type(2){position:absolute;width:20px;height:18px;left:-36px;top:10px;border-radius:50%;background:radial-gradient(#fff 30%,#e6e6e6);z-index:2;opacity:1;transition:opacity 2s .4s;animation:cloudtravel2 18s linear infinite;animation-delay:1.2s}.cloud:nth-of-type(2):before{content:"";position:absolute;width:11px;height:7px;left:-55%;top:70%;transform:translate(100%,-30%);border-radius:50%;background:inherit;z-index:3}.cloud:nth-of-type(2):after{content:"";position:absolute;width:14px;height:11px;left:50%;top:50%;transform:translate(-50%,-40%);border-radius:50%;background:inherit;z-index:3}.cloud:nth-of-type(2) .cloudpart:nth-of-type(1){content:"";position:absolute;width:20px;height:16px;left:-100%;bottom:0%;transform:translate(50%,-0%);border-radius:50%;background:inherit;z-index:2}.cloud:nth-of-type(2) .cloudpart:nth-of-type(2){content:"";position:absolute;width:18px;height:14px;left:100%;bottom:0%;transform:translate(-50%,-0%);border-radius:50%;background:inherit;z-index:2}.cloud:nth-of-type(2) .cloudpart:nth-of-type(1):after{content:"";position:absolute;width:20px;height:10px;left:50%;top:50%;transform:translate(-35%,-20%);border-radius:50%;background:inherit;z-index:3}.cloud:nth-of-type(2) .cloudpart:nth-of-type(2):before{content:"";position:absolute;width:18px;height:12px;left:-50%;top:50%;transform:translate(10%,-40%);border-radius:50%;background:inherit;z-index:3}.cloud:nth-of-type(3){position:absolute;width:18px;height:15px;left:-40px;top:19px;border-radius:50%;z-index:3;opacity:1;background:radial-gradient(#fff 30%,#e6e6e6);transition:opacity 2s .4s;animation:cloudtravel3 30s linear infinite;animation-delay:8.6s}.cloud:nth-of-type(3):before{content:"";position:absolute;width:14px;height:11px;left:-50%;top:50%;transform:translate(25%,-30%);border-radius:50%;z-index:3;background:radial-gradient(#fff 30%,#e6e6e6)}.cloud:nth-of-type(3):after{content:"";position:absolute;width:15px;height:9px;left:50%;top:50%;transform:translate(5%,-60%);border-radius:50%;z-index:3;background:radial-gradient(#fff 30%,#e6e6e6)}.cloud:nth-of-type(3) .cloudpart:nth-of-type(1){position:absolute;width:16px;height:12px;left:-50%;top:50%;border-radius:50%;z-index:2;transform:translateY(-40%);background:radial-gradient(#fff 30%,#e6e6e6)}.cloud:nth-of-type(3) .cloudpart:nth-of-type(1):before{content:"";position:absolute;width:10px;height:6px;left:-30%;top:50%;transform:translate(-0%,-60%);border-radius:50%;z-index:3;background:radial-gradient(#fff 30%,#e6e6e6)}.cloud:nth-of-type(3) .cloudpart:nth-of-type(1):after{content:"";position:absolute;width:8px;height:6px;left:0%;top:50%;transform:translate(-0%,10%);border-radius:50%;z-index:3;background:radial-gradient(#fff 30%,#e6e6e6)}.cloud:nth-of-type(3) .cloudpart:nth-of-type(2){position:absolute;width:18px;height:16px;left:50%;top:50%;border-radius:50%;z-index:2;transform:translate(10%,-20%);background:radial-gradient(#fff 30%,#e6e6e6)}.cloud:nth-of-type(3) .cloudpart:nth-of-type(2):before{content:"";position:absolute;width:12px;height:9px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;z-index:3;background:radial-gradient(#fff 30%,#e6e6e6)}.cloud:nth-of-type(3) .cloudpart:nth-of-type(2):after{content:"";position:absolute;width:12px;height:9px;left:60%;top:50%;transform:translate(-0%,-40%);border-radius:50%;z-index:3;background:radial-gradient(#fff 30%,#e6e6e6)}.cloud:nth-of-type(3) .cloudpart:nth-of-type(3){position:absolute;width:20px;height:14px;left:50%;top:50%;border-radius:50%;z-index:2;transform:translate(-50%,-10%);background:radial-gradient(#fff 30%,#e6e6e6)}.cloud:nth-of-type(3) .cloudpart:nth-of-type(3):before{content:"";position:absolute;width:14px;height:9px;left:-50%;top:50%;transform:translate(40%,-30%);border-radius:50%;z-index:3;background:radial-gradient(#fff 30%,#e6e6e6)}#switch.off .cloud:nth-of-type(1){animation:none;opacity:0;transition:opacity 1s 0s}#switch.off .cloud:nth-of-type(2){animation:none;opacity:0;transition:opacity 1s 0s}#switch.off .cloud:nth-of-type(3){animation:none;opacity:0;transition:opacity 1s 0s}@keyframes cloudtravel1{0%{left:-32px;transform:scale(1)}to{left:132px;transform:scale(.8)}}@keyframes cloudtravel2{0%{left:-36px;transform:scale(.6)}to{left:132px;transform:scale(1)}}@keyframes cloudtravel3{0%{left:-40px;transform:scale(.7)}to{left:136px;transform:scale(.65)}}.integration-card{background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;cursor:pointer;overflow:hidden;border:1px solid #f0f0f0}.integration-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.integration-card-header{position:relative;padding:1.5rem;background:linear-gradient(135deg,#f0f8f0,#e8f5e8);border-bottom:1px solid #e9ecef}.integration-status{position:absolute;top:1rem;right:1rem}.integration-card-body{padding:1.5rem}.integration-title{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin-bottom:.75rem;line-height:1.4}.integration-description{color:#666;line-height:1.6;margin-bottom:1rem;font-size:.95rem}.integration-pricing{display:flex;align-items:baseline;gap:.25rem;margin-bottom:1rem}.price{font-size:1.5rem;font-weight:700;color:#007bff}.period{color:#666;font-size:.9rem}.integration-card-footer{padding:0 1.5rem 1.5rem;display:flex;gap:.75rem}.learn-more-btn{flex:1;padding:.75rem;background:#fff;color:#007bff;border:2px solid #007bff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;text-decoration:none;font-size:.9rem;font-family:dana,Roboto,Arial,sans-serif}.learn-more-btn:hover{background:#007bff;color:#fff}.add-btn{flex:1;padding:.75rem;background:#007bff;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-family:dana,Roboto,Arial,sans-serif}.add-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.add-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}@media (max-width: 768px){.integration-card-header,.integration-card-body{padding:1rem}.integration-card-footer{padding:0 1rem 1rem;flex-direction:column}.integration-title{font-size:1.1rem}.integration-logo,.integration-logo-placeholder{width:50px;height:50px}.integration-logo-placeholder span{font-size:1.25rem}}.integration-modal{background:#fff;border-radius:15px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0003}.modal-header{position:relative;padding:1rem;border-bottom:1px solid #e9ecef;display:flex;justify-content:flex-end}.close-button{background:none;border:none;padding:.5rem;cursor:pointer;color:#666;transition:color .2s ease;border-radius:5px;font-family:dana,Roboto,Arial,sans-serif}.close-button:hover{color:#333;background:#f8f9fa}.modal-content{padding:2rem;overflow-y:auto;max-height:calc(90vh - 80px)}.integration-header{display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e9ecef}.integration-logo-large{width:80px;height:80px;object-fit:contain;border-radius:12px;background:#fff;padding:10px;box-shadow:0 4px 15px #0000001a}.integration-logo-placeholder-large{width:80px;height:80px;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:2rem;box-shadow:0 4px 15px #0000001a}.integration-info h2{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.brief-description{color:#666;font-size:1.1rem;margin-bottom:1rem;line-height:1.6}.pricing-info .price{font-size:1.75rem;font-weight:700;color:#007bff}.pricing-info .period{color:#666;font-size:1rem}.integration-details,.description-section,.terms-section{margin-bottom:2rem}.description-section h3,.terms-section h3{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem}.detailed-description{color:#333;line-height:1.7}.detailed-description h1,.detailed-description h2,.detailed-description h3{margin-top:1.5rem;margin-bottom:.75rem}.detailed-description p{margin-bottom:1rem}.detailed-description ul,.detailed-description ol{margin-bottom:1rem;padding-left:1.5rem}.detailed-description li{margin-bottom:.5rem}.configuration-preview{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:1.5rem;margin-bottom:2rem}.configuration-preview h4{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem}.config-section{margin-bottom:1.5rem}.config-section:last-child{margin-bottom:0}.config-section h5{font-size:1rem;font-weight:600;color:#495057;margin-bottom:.75rem}.config-section ul{list-style:none;padding:0}.config-section li{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1rem;margin-bottom:.75rem}.config-section li:last-child{margin-bottom:0}.config-section strong{color:#1a1a1a;font-weight:600}.sensitive-badge{background:#fff3cd;color:#856404;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;margin-left:.5rem}.default-value{background:#d1ecf1;color:#0c5460;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;margin-left:.5rem}.terms-content{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;color:#495057;line-height:1.6;font-size:.9rem;max-height:200px;overflow-y:auto}.modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid #e9ecef}@media (max-width: 768px){.modal-overlay{padding:.5rem}.integration-modal{max-height:95vh}.modal-content{padding:1.5rem}.integration-header{flex-direction:column;align-items:center;text-align:center;gap:1rem}.integration-info h2{font-size:1.5rem}.modal-footer{flex-direction:column}.configuration-preview{padding:1rem}.config-section li{padding:.75rem}}.marketplace-container{padding:2rem;max-width:1400px;margin:0 auto}.marketplace-header{text-align:center;margin-bottom:2rem}.marketplace-header h1{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.marketplace-header p{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.marketplace-controls{margin-bottom:2rem}.search-form{display:flex;justify-content:center;margin-bottom:1rem}.search-bar{position:relative;width:100%;max-width:500px}.search-input{width:100%;padding:1rem 3rem 1rem 1rem;border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;font-family:dana,Roboto,Arial,sans-serif;background:#fff;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:#007bff}.search-button{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;padding:.5rem;border-radius:5px;font-family:dana,Roboto,Arial,sans-serif;transition:color .2s ease}.search-button:hover{color:#007bff}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.btn-secondary{background:#fff;color:#007bff;border:2px solid #007bff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center;font-family:dana,Roboto,Arial,sans-serif}.btn-secondary:hover{background:#007bff;color:#fff;transform:translateY(-1px)}@media (max-width: 768px){.marketplace-container{padding:1rem}.marketplace-header h1{font-size:2rem}.integrations-grid{grid-template-columns:1fr;gap:1rem}.search-bar{max-width:none}.pagination{flex-direction:column;gap:.5rem}}.user-integration-card{background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;overflow:hidden;border:1px solid #f0f0f0}.user-integration-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.integration-header{display:flex;gap:1.5rem;padding:1.5rem;border-bottom:1px solid #e9ecef}.integration-logo-section{flex-shrink:0}.integration-logo{width:60px;height:60px;object-fit:contain;border-radius:10px;background:#fff;padding:8px;box-shadow:0 2px 10px #0000001a}.integration-logo-placeholder{width:60px;height:60px;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.5rem;box-shadow:0 2px 10px #0000001a}.integration-info{flex:1;min-width:0}.integration-info h3{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.integration-description{color:#666;font-size:.95rem;margin-bottom:.75rem;line-height:1.5}.integration-meta{display:flex;gap:1rem;font-size:.85rem;color:#888}.integration-status-section{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.status-badges{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.inactive{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.config-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.config-badge.configured{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.config-badge.not-configured{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.pricing-info{display:flex;align-items:baseline;gap:.25rem}.price{font-size:1.25rem;font-weight:700;color:#007bff}.period{color:#666;font-size:.8rem}.integration-notes{padding:1rem 1.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.integration-notes h4{font-size:.9rem;font-weight:600;color:#495057;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.integration-notes p{color:#666;font-size:.9rem;line-height:1.5;margin:0}.configuration-summary{padding:1.5rem;border-bottom:1px solid #e9ecef}.configuration-summary h4{font-size:.9rem;font-weight:600;color:#495057;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.config-fields{display:grid;gap:.75rem}.config-field{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.field-name{font-weight:600;color:#495057;text-transform:capitalize}.field-value{color:#666;font-family:dana,Roboto,Arial,sans-serif;font-size:.85rem;background:#fff;padding:.25rem .5rem;border-radius:4px;border:1px solid #dee2e6;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-config{color:#888;font-style:italic;text-align:center;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.integration-actions{padding:1.5rem;display:flex;gap:.75rem;flex-wrap:wrap}.setup-btn{background:#fff;color:#007bff;border:2px solid #007bff;padding:.75rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;font-size:.9rem;font-family:dana,Roboto,Arial,sans-serif;flex:1;text-align:center;min-width:120px}.setup-btn:hover{background:#007bff;color:#fff}.btn-outline{background:#fff;color:#6c757d;border:2px solid #6c757d;padding:.75rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;font-size:.9rem;font-family:dana,Roboto,Arial,sans-serif;text-align:center;min-width:120px}.btn-outline:hover{background:#6c757d;color:#fff}.btn-danger{background:#dc3545;color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-family:dana,Roboto,Arial,sans-serif;min-width:120px}.btn-danger:hover{background:#c82333;transform:translateY(-1px)}@media (max-width: 768px){.integration-header{flex-direction:column;gap:1rem;text-align:center}.integration-status-section{align-items:center}.status-badges{flex-direction:row;justify-content:center;flex-wrap:wrap}.integration-meta{justify-content:center;flex-wrap:wrap}.configuration-summary{padding:1rem}.config-field{flex-direction:column;align-items:flex-start;gap:.5rem}.field-value{max-width:100%;width:100%}.integration-actions{flex-direction:column;padding:1rem}.setup-btn,.btn-outline,.btn-danger{min-width:auto;width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.configuration-modal{background:#fff;border-radius:15px;max-width:700px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e9ecef;background:#f8f9fa}.modal-header h2{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0}.close-button{background:none;border:none;color:#666;cursor:pointer;padding:.5rem;border-radius:4px;font-family:dana,Roboto,Arial,sans-serif;transition:color .2s ease}.close-button:hover{color:#333;background:#e9ecef}.modal-content{padding:2rem;overflow-y:auto;max-height:calc(90vh - 120px)}.form-section{margin-bottom:2rem}.form-section:last-child{margin-bottom:0}.section-title{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.required-indicator{color:#dc3545;font-weight:700}.form-field{margin-bottom:1.5rem}.form-field:last-child{margin-bottom:0}.field-label{display:block;font-weight:600;color:#495057;margin-bottom:.5rem;font-size:.95rem}.required{color:#dc3545;margin-left:.25rem}.field-description{color:#6c757d;font-size:.85rem;margin-bottom:.75rem;line-height:1.4}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:2px solid #e1e5e9;border-radius:8px;font-size:.95rem;font-family:dana,Roboto,Arial,sans-serif;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-input.error,.form-select.error,.form-textarea.error{border-color:#dc3545}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 3px #dc35451a}.form-multiselect{width:100%;padding:.75rem;border:2px solid #e1e5e9;border-radius:8px;font-size:.95rem;font-family:dana,Roboto,Arial,sans-serif;background:#fff;min-height:100px;transition:border-color .2s ease,box-shadow .2s ease}.form-multiselect:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-multiselect.error{border-color:#dc3545}.form-multiselect.error:focus{box-shadow:0 0 0 3px #dc35451a}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;background:#f8f9fa;border:2px solid #e1e5e9;border-radius:8px;transition:all .2s ease}.checkbox-label:hover{background:#e9ecef;border-color:#007bff}.form-checkbox{width:1.25rem;height:1.25rem;margin:0;cursor:pointer}.checkbox-text{font-weight:500;color:#495057}.form-textarea{resize:vertical;min-height:80px}.field-error{display:block;color:#dc3545;font-size:.85rem;font-weight:500;margin-top:.5rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid #e9ecef;margin-top:1.5rem}.btn-secondary{background:#fff;color:#6c757d;border:2px solid #6c757d;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;font-size:.95rem;font-family:dana,Roboto,Arial,sans-serif}.btn-secondary:hover:not(:disabled){background:#6c757d;color:#fff}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem;font-family:dana,Roboto,Arial,sans-serif}.btn-primary:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.btn-primary:disabled{background:#6c757d;cursor:not-allowed;transform:none}.loading-state,.error-state{text-align:center;padding:3rem 2rem}@media (max-width: 768px){.modal-overlay{padding:.5rem}.configuration-modal{max-height:95vh}.modal-header{padding:1rem}.modal-header h2{font-size:1.25rem}.modal-content{padding:1.5rem}.form-actions{flex-direction:column}.btn-secondary,.btn-primary{width:100%;text-align:center}.section-title{font-size:1rem}.checkbox-label{padding:1rem}.form-multiselect{min-height:80px}}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.confirmation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.confirmation-modal{background:#f8fafc;border-radius:8px;box-shadow:0 10px 25px #0000001a;max-width:400px;width:100%;max-height:90vh;overflow-y:auto}.confirmation-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;border-bottom:1px solid #e2e8f0;margin-bottom:1rem}.confirmation-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.confirmation-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.confirmation-modal-close:hover{background-color:#f3f4f6;color:#374151}.confirmation-modal-body{padding:0 1.5rem;margin-bottom:1.5rem}.confirmation-modal-body p{margin:0;color:#4b5563;line-height:1.5}.confirmation-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid #e2e8f0}.btn-secondary{background-color:#f1f5f9;color:#475569;border:1px solid #cbd5e1;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background-color:#e2e8f0;border-color:#94a3b8}.btn-danger{background-color:#dc2626;color:#fff;border:1px solid #dc2626;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger:hover{background-color:#b91c1c;border-color:#b91c1c}.btn-danger:focus{outline:none;box-shadow:0 0 0 3px #dc26261a}.btn-secondary:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}@media (prefers-color-scheme: dark){.confirmation-modal{background:#f8fafc;color:#1e293b}.confirmation-modal-header{border-bottom-color:#e2e8f0}.confirmation-modal-header h3{color:#1e293b}.confirmation-modal-close{color:#64748b}.confirmation-modal-close:hover{background-color:#f1f5f9;color:#475569}.confirmation-modal-body p{color:#475569}.confirmation-modal-footer{border-top-color:#e2e8f0}.btn-secondary{background-color:#f1f5f9;color:#475569;border-color:#cbd5e1}.btn-secondary:hover{background-color:#e2e8f0;border-color:#94a3b8}}.my-integrations-container{padding:2rem;max-width:1400px;margin:0 auto}.my-integrations-header{text-align:center;margin-bottom:2rem}.my-integrations-header h1{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.my-integrations-header p{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.my-integrations-controls{margin-bottom:2rem;display:flex;justify-content:center}.filter-buttons{display:flex;gap:.5rem;background:#fff;padding:.5rem;border-radius:10px;box-shadow:0 2px 10px #0000001a}.filter-btn{padding:.75rem 1.5rem;background:none;border:none;border-radius:8px;color:#666;cursor:pointer;font-weight:500;font-family:dana,Roboto,Arial,sans-serif;transition:all .2s ease}.filter-btn:hover{background:#f8f9fa;color:#333}.filter-btn.active{background:#007bff;color:#fff}.integrations-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.loading-state,.error-message,.empty-state{text-align:center;padding:3rem 2rem;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background:#fff5f5;border:1px solid #fed7d7;color:#c53030}.retry-button{margin-top:1rem;padding:.5rem 1rem;background:#c53030;color:#fff;border:none;border-radius:5px;cursor:pointer;font-family:dana,Roboto,Arial,sans-serif;transition:background-color .2s ease}.retry-button:hover{background:#a02725}.empty-state{background:#f7fafc;border:1px solid #e2e8f0}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h3{color:#2d3748;margin-bottom:.5rem}.empty-state p{color:#718096;margin-bottom:1.5rem}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination-button{padding:.75rem 1.5rem;background:#fff;border:2px solid #e1e5e9;border-radius:8px;color:#374151;cursor:pointer;transition:all .2s ease;font-weight:500;font-family:dana,Roboto,Arial,sans-serif}.pagination-button:hover:not(:disabled){background:#007bff;color:#fff;border-color:#007bff}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#666;font-weight:500}.btn-primary{background:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center;font-family:dana,Roboto,Arial,sans-serif}.btn-primary:hover{background:#0056b3;transform:translateY(-1px)}@media (max-width: 768px){.my-integrations-container{padding:1rem}.my-integrations-header h1{font-size:2rem}.filter-buttons{flex-direction:column;width:100%}.filter-btn{text-align:center}.pagination{flex-direction:column;gap:.5rem}}
