/* Otomatik üretildi: app/Support/SiteCoreCss — local-ui.css'i düzenleyin, bu dosyayı değil. */ .dropdown-menu.open{ display: block !important; } .modal.show,.modal.in{ display: block !important; } .modal-backdrop{ z-index: 1040; } .modal.show,.modal.in{ z-index: 1050; } @media (max-width: 991.98px) { html:has(> body.sd-open),html:has(> body.dxsite),html:has(> body.dxpn),html:has(#dxHeader){ overflow-x: hidden; overflow-x: clip; } } @media (min-width: 1201px) { .pc-page-inner{ grid-template-columns: max(38%, 484px) minmax(0, 1fr) !important; } } @media (max-width: 1200px) { .pc-page-inner{ grid-template-columns: minmax(0, 1fr) !important; gap: 40px; } .pc-page-cont{ overflow-x: clip; } } .pc-right-cont{ min-width: 0 !important; max-width: 100% !important; } .pc-right-inner{ width: 100% !important; max-width: 680px !important; } .pc-license-cont{ display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; margin-bottom: 30px !important; width: 100% !important; } .pc-license-cont.single-card{ grid-template-columns: 1fr !important; max-width: 440px !important; margin-left: auto !important; margin-right: auto !important; } @media (max-width: 834px) { .pc-license-cont{ grid-template-columns: 1fr !important; } } .pc-license-cont > .pc-license-inner{ container-type: inline-size; min-width: 0; padding-left: clamp(10px, 6%, 30px) !important; padding-right: clamp(10px, 6%, 30px) !important; } .pc-license-cont > .pc-license-inner .pc-license-title{ font-size: clamp(15px, 9.5cqi, 25px) !important; text-align: center; line-height: 1.15; } .pc-license-cont > .pc-license-inner .pc-license-price{ font-size: clamp(26px, 19cqi, 60px) !important; white-space: nowrap; max-width: 100%; } .pc-license-cont > .pc-license-inner .pc-license-buy-btn{ font-size: clamp(16px, 9.5cqi, 28px) !important; white-space: nowrap; } .side-content-wrap:not(.open){ display: none !important; } .main-header{ position: relative !important; top: 0 !important; } .layout-sidebar-large.sticky-wrapper{ height: auto !important; } body.sd-open .main-content-wrap,.sd-open .main-content-wrap{ float: none !important; width: 100% !important; margin-left: 0 !important; margin-top: 0 !important; padding-top: 0 !important; min-height: auto !important; } body.sd-open main,.sd-open main{ display: block !important; overflow: visible !important; clear: both !important; } @media (min-width: 992px) { .menu-toggle,.c_header .menu-toggle,header .menu-toggle{ display: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; visibility: hidden !important; pointer-events: none !important; position: absolute !important; left: -9999px !important; } .c_header{ display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; width: 100% !important; } .c_header .logo,header .logo{ flex-shrink: 0 !important; margin-left: 0 !important; padding-left: 0 !important; } .c_header .middle-menu{ flex: 1 1 auto !important; display: flex !important; justify-content: center !important; margin: 0 10px !important; } .dx-column-center{ position: relative !important; } .dx-column-center .dx-free-badge{ position: absolute !important; z-index: 5 !important; left: -15px !important; right: auto !important; top: 65px !important; transform: none !important; max-width: 155px !important; } .dx-column-center .dx-free-badge:hover{ transform: scale(1.05) !important; } .pc-left-img-cont{ position: relative !important; margin-left: -70px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .pc-left-img-cont .dx-free-badge{ position: absolute !important; z-index: 5 !important; bottom: 0 !important; right: 0 !important; top: auto !important; left: auto !important; transform: translate(15%, -25%) !important; max-width: max-content !important; aspect-ratio: 1 / 1 !important; } } .dt-btn-cont > .dt-custom-captcha-wrapper,.dt-custom-captcha-wrapper{ width: auto !important; max-width: 330px !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 12px !important; margin-bottom: 0 !important; } .dt-btn-cont > .dt-custom-captcha-wrapper > div,.dt-custom-captcha-wrapper > div{ width: auto !important; } .dt-custom-captcha-wrapper .captcha-badge{ flex-shrink: 0 !important; width: auto !important; display: inline-flex !important; align-items: center !important; } .dt-custom-captcha-wrapper .captcha-input-wrap{ width: 140px !important; max-width: 140px !important; flex-shrink: 0 !important; } .dt-custom-captcha-wrapper .captcha-input-wrap input{ width: 100% !important; height: 44px !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: 2px !important; text-transform: uppercase !important; text-align: center !important; } #dxHeader{ width: 100%; background: #fff; border-bottom: 1px solid #eef1f5; box-shadow: 0 2px 8px rgba(0, 0, 0, .03); position: relative; /* Bootstrap .sticky-top (1020) öğelerinin (ör. ödeme sipariş özeti) mega menünün üstüne çıkmaması için; modallar (1040+) yine üstte */ z-index: 1030; font-family: 'Nunito', sans-serif; font-size: 14px; font-weight: 400; font-style: normal; line-height: 1.2; letter-spacing: normal; word-spacing: normal; text-transform: none; color: #212529; text-align: left; } #dxHeader *,#dxHeader *::before,#dxHeader *::after{ box-sizing: border-box; letter-spacing: inherit; } #dxHeader a{ text-decoration: none; color: inherit; } #dxHeader a:hover{ text-decoration: none; } #dxHeader ul{ list-style: none; margin: 0; padding: 0; } #dxHeader p,#dxHeader span,#dxHeader b,#dxHeader strong{ margin: 0; } #dxHeader img,#dxHeader svg{ max-width: none; vertical-align: middle; } #dxHeader button{ font: inherit; color: inherit; margin: 0; border: 0; background: none; cursor: pointer; } #dxHeader .dxh-inner{ position: relative; max-width: 1320px; height: 78px; margin: 0 auto; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; } #dxHeader .dxh-left{ display: flex; align-items: center; height: 100%; } #dxHeader .dxh-logo{ display: inline-flex; align-items: center; width: 150px; margin-right: 15px; flex-shrink: 0; } #dxHeader .dxh-logo img{ width: 100%; height: auto; display: block; } #dxHeader .dxh-nav{ display: flex; align-items: center; height: 100%; } #dxHeader .dxh-nav > li{ position: static; height: 100%; display: flex; align-items: center; } #dxHeader .dxh-nav-link{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 130px; height: 68px; padding: 5px; border-right: 1px dashed #595959; text-align: center; color: #212529; transition: background-color .15s ease, color .15s ease; } #dxHeader .dxh-nav > li:last-child .dxh-nav-link{ border-right: 0; } #dxHeader .dxh-nav-link b{ display: block; font-size: 15px; font-weight: 700; color: inherit; } #dxHeader .dxh-nav-link span{ display: block; font-size: 14.5px; font-weight: 400; color: inherit; margin-top: 3px; } #dxHeader .dxh-nav-link svg{ width: 28px; height: 28px; display: block; } #dxHeader .dxh-nav-link svg path{ stroke: #595959; transition: stroke .15s ease; } #dxHeader .dxh-nav-link:hover,#dxHeader .dxh-mega-li.is-open .dxh-nav-link{ background: #595959; color: #fff; } #dxHeader .dxh-nav-link:hover svg path,#dxHeader .dxh-mega-li.is-open .dxh-nav-link svg path{ stroke: #fff; } #dxHeader .dxh-menu-btn span{ font-size: 12.5px; color: inherit; margin-top: 4px; } #dxHeader .dxh-mega{ display: none; position: absolute; top: 100%; left: 5px; width: 1113px; max-width: calc(100vw - 20px); padding: 25px 20px 30px; background: rgba(40, 40, 40, .92); z-index: 1100; animation: dxhSlide .25s ease; } #dxHeader .dxh-mega-li.is-open .dxh-mega{ display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 20px; } @keyframes dxhSlide { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } } #dxHeader .dxh-right{ display: flex; align-items: center; gap: 15px; margin-left: auto; flex-shrink: 0; } #dxHeader .dxh-box{ position: relative; display: flex; align-items: center; height: 55px; padding: 4px 14px; border: 1px solid #65C15C; border-radius: 5px; background: #fff; cursor: pointer; transition: box-shadow .15s ease; } #dxHeader .dxh-box:hover{ box-shadow: 0 3px 12px rgba(0, 0, 0, .06); } #dxHeader .dxh-box-lbl{ display: block; font-size: 14px; font-weight: 400; color: #838383; line-height: 1.15; white-space: nowrap; } #dxHeader .dxh-box-val{ display: block; font-size: 14px; font-weight: 700; line-height: 1.15; white-space: nowrap; margin-top: 3px; } #dxHeader .dxh-balance{ gap: 12px; } #dxHeader .dxh-balance img{ width: 26px; height: 26px; } #dxHeader .dxh-balance .dxh-txt{ text-align: right; } #dxHeader .dxh-balance .dxh-box-val{ color: #54b673; } #dxHeader .dxh-balance .dxh-box-val.is-debt{ color: #E73124; } #dxHeader .dxh-account{ border-color: #5C67F7; padding: 4px 16px; } #dxHeader .dxh-account-top{ display: flex; align-items: center; gap: 4px; } #dxHeader .dxh-account-top img{ width: 18px; height: 15px; } #dxHeader .dxh-account .dxh-box-val{ color: #5C67F7; font-size: 13.5px; text-transform: uppercase; max-width: 140px; overflow: hidden; text-overflow: ellipsis; letter-spacing: .2px; } #dxHeader .dxh-cart{ gap: 16px; } #dxHeader .dxh-cart-ico{ position: relative; display: inline-flex; } #dxHeader .dxh-cart-ico svg{ width: 28px; height: 28px; } #dxHeader .dxh-cart .favorite-count{ position: absolute; top: -9px; right: -8px; left: auto; bottom: auto; width: 19px; height: 19px; margin: 0; padding: 0; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #65C15C; border-radius: 50%; background: #65C15C; color: #fff; font-size: 10px; font-weight: 700; font-style: normal; line-height: 1; box-shadow: none; transform: none; } #dxHeader .dxh-cart .cart_total{ color: #65C15C; } #dxHeader .dxh-drop{ display: none; position: absolute; top: calc(100% + 18px); right: -1px; z-index: 1100; cursor: default; } #dxHeader .dxh-drop::before{ /* kutu ile menü arası hover köprüsü */ content: ""; position: absolute; left: 0; right: 0; top: -20px; height: 20px; } #dxHeader .dxh-drop::after{ /* üst ok */ content: ""; position: absolute; top: -9px; right: 50px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; } #dxHeader .dxh-account:hover .dxh-drop,#dxHeader .dxh-account.is-open .dxh-drop{ display: block; } #dxHeader .dxh-guest{ width: 220px; padding: 12px; background: #fff; border-radius: 8px; box-shadow: 0 10px 30px rgba(0, 0, 0, .12); display: flex; flex-direction: column; gap: 8px; } #dxHeader .dxh-guest a{ display: block; padding: 9px; border-radius: 6px; text-align: center; font-weight: 700; font-size: 14px; } #dxHeader .dxh-guest .dxh-login{ background: #2563eb; color: #fff; } #dxHeader .dxh-guest .dxh-register{ border: 1px solid #cbd5e1; color: #334155; } @media (max-width: 1250px) { #dxHeader .dxh-logo{ width: 130px; margin-right: 8px; } #dxHeader .dxh-nav-link{ width: 112px; } #dxHeader .dxh-nav-link b{ font-size: 14px; } #dxHeader .dxh-nav-link span{ font-size: 13px; } #dxHeader .dxh-right{ gap: 10px; } #dxHeader .dxh-box{ padding: 4px 10px; } } @media (max-width: 1100px) { #dxHeader .dxh-nav > li.dxh-hide-md{ display: none; } #dxHeader .dxh-mega-li .dxh-nav-link{ border-right: 0; } } @media (max-width: 991px) { #dxHeader .dxh-balance{ display: none; } #dxHeader .dxh-mega-li.is-open .dxh-mega{ grid-template-columns: 1fr; max-height: calc(100vh - 90px); overflow-y: auto; } } @media (max-width: 575px) { #dxHeader .dxh-inner{ padding: 0 10px; } #dxHeader .dxh-logo{ width: 110px; } #dxHeader .dxh-nav-link{ width: 64px; } #dxHeader .dxh-account{ display: none; } #dxHeader .dxh-cart .dxh-txt{ display: none; } } @media print { #dxHeader{ display: none !important; } } .dayneks-sidebar-dropduwn .notification-dm{ display: none !important; } #dxFooter{ position: relative; clear: both; display: block; width: 100%; margin: 0; padding: 0; background: #fff; font-family: 'Nunito', sans-serif; font-size: 14px; font-weight: 400; font-style: normal; line-height: 1.3; letter-spacing: normal; text-transform: none; color: #4D515F; text-align: left; } #dxFooter *,#dxFooter *::before,#dxFooter *::after{ box-sizing: border-box; letter-spacing: inherit; } #dxFooter a{ color: inherit; text-decoration: none; } #dxFooter ul{ list-style: none; margin: 0; padding: 0; } #dxFooter li{ margin: 0; padding: 0; } #dxFooter img,#dxFooter svg{ max-width: none; vertical-align: middle; border: 0; } #dxFooter .dxf-bar{ display: flex; height: 7px; } #dxFooter .dxf-bar span{ flex: 1; height: 100%; } #dxFooter .dxf-red{ background: #d7312c; } #dxFooter .dxf-blue{ background: #29579c; } #dxFooter .dxf-green{ background: #33a052; } #dxFooter .dxf-yellow{ background: #f1bb3c; } #dxFooter .dxf-inner{ max-width: 1320px; margin: 0 auto; padding: 0 15px; } #dxFooter .dxf-main{ display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 28px; padding-bottom: 22px; } #dxFooter .dxf-company{ display: flex; flex-direction: column; align-items: center; gap: 12px; } #dxFooter .dxf-logo{ width: 205px; height: auto; display: block; } #dxFooter .dxf-socials{ display: flex; gap: 10px; } #dxFooter .dxf-socials li{ width: 35px; height: 35px; border: 1px solid #a4a4a4; border-radius: 50%; background: #fff; transition: transform .3s ease, border-color .3s ease; } #dxFooter .dxf-socials a{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } #dxFooter .dxf-socials svg{ width: 15px; height: 15px; fill: #a4a4a4; transition: fill .3s ease; } #dxFooter .dxf-socials li:hover{ border-color: #3174f1; transform: translateY(-2px); } #dxFooter .dxf-socials li:hover svg{ fill: #3174f1; } #dxFooter .dxf-list{ align-self: flex-start; padding-top: 8px; min-width: 200px; } #dxFooter .dxf-title{ display: block; font-size: 21px; font-weight: 500; line-height: 1; color: #3174f1; margin-bottom: 8px; } #dxFooter .dxf-list ul{ display: flex; flex-direction: column; gap: 12px; } #dxFooter .dxf-list a{ display: inline-flex; align-items: center; gap: 10px; font-size: 14px; color: #4D515F; transition: color .2s ease; } #dxFooter .dxf-list a img{ width: 8px; height: 8px; } #dxFooter .dxf-list a:hover{ color: #3174f1; } #dxFooter .dxf-etbis a{ display: block; padding: 5px; border: 1px solid #ddd; border-radius: 2px; background: #fff; } #dxFooter .dxf-etbis img{ width: 100px; height: auto; display: block; } #dxFooter .dxf-partners{ display: flex; flex-direction: column; gap: 10px; } #dxFooter .dxf-partners-row{ display: flex; gap: 10px; } #dxFooter .dxf-partners img{ display: block; height: auto; } #dxFooter .dxf-partners > img{ width: 154px; } #dxFooter .dxf-partners-row img{ width: 72px; } #dxFooter .dxf-bottom{ border-top: 1px solid #ddd; padding: 20px 0; } #dxFooter .dxf-bottom-inner{ display: flex; align-items: center; justify-content: space-between; gap: 15px; } #dxFooter .dxf-copy{ font-size: 14px; color: #4D515F; } #dxFooter .dxf-legal{ display: flex; flex-wrap: wrap; justify-content: flex-end; } #dxFooter .dxf-legal li{ display: flex; align-items: center; } #dxFooter .dxf-legal li + li::before{ content: ""; width: 1.5px; height: 12px; background: #a4a4a4; margin: 0 12px; } #dxFooter .dxf-legal a{ font-size: 14px; color: #4D515F; transition: color .2s ease; } #dxFooter .dxf-legal a:hover{ color: #3174f1; } @media (max-width: 1100px) { #dxFooter .dxf-main{ flex-wrap: wrap; justify-content: space-around; row-gap: 30px; } #dxFooter .dxf-list{ min-width: 160px; } } @media (max-width: 767px) { #dxFooter .dxf-main{ flex-direction: column; align-items: center; text-align: center; } #dxFooter .dxf-list{ align-self: center; padding-top: 0; min-width: 0; } #dxFooter .dxf-list ul{ align-items: center; } #dxFooter .dxf-bottom-inner{ flex-direction: column; text-align: center; } #dxFooter .dxf-legal{ justify-content: center; row-gap: 8px; } } @media print { #dxFooter{ display: none !important; } } #dxCart{ --dxc-primary: #3174f1; --dxc-primary-dark: #2560d6; --dxc-green: #0f9d58; --dxc-text: #1e293b; --dxc-muted: #64748b; --dxc-line: #e5e9f0; background: #f5f7fb; font-family: 'Nunito', sans-serif; font-size: 14px; line-height: 1.4; letter-spacing: normal; color: var(--dxc-text); padding-bottom: 48px; min-height: calc(100vh - 330px); /* kısa sepette footer ekranın altına otursun */ } #dxCart *,#dxCart *::before,#dxCart *::after{ box-sizing: border-box; letter-spacing: inherit; } #dxCart h1,#dxCart h2,#dxCart h3,#dxCart p,#dxCart dl,#dxCart dd,#dxCart ol{ margin: 0; padding: 0; } #dxCart a{ text-decoration: none; } #dxCart button{ font: inherit; cursor: pointer; } #dxCart svg{ flex-shrink: 0; } #dxCart .dxc-wrap{ max-width: 1320px; margin: 0 auto; padding: 0 15px; } #dxCart .dxc-head{ background: #fff; border-bottom: 1px solid var(--dxc-line); } #dxCart .dxc-head-inner{ display: flex; align-items: center; gap: 24px; min-height: 76px; } #dxCart .dxc-title{ display: flex; align-items: center; gap: 12px; } #dxCart .dxc-title h1{ font-size: 26px; font-weight: 800; color: var(--dxc-text); } #dxCart .dxc-count{ padding: 3px 10px; border-radius: 999px; background: #eef3fe; color: var(--dxc-primary); font-size: 13px; font-weight: 700; } #dxCart .dxc-clear{ margin: 0; } #dxCart .dxc-clear button{ display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px; border: 1px solid #fecaca; border-radius: 8px; background: #fff; color: #dc2626; font-size: 13px; font-weight: 700; transition: background-color .15s ease; } #dxCart .dxc-clear button:hover{ background: #fef2f2; } #dxCart .dxc-clear svg{ width: 15px; height: 15px; } #dxCart .dxc-body{ padding-top: 24px; } #dxCart .dxc-alert{ margin-bottom: 16px; padding: 12px 16px; border-radius: 10px; border: 1px solid; font-size: 14px; font-weight: 600; } #dxCart .dxc-alert.is-ok{ background: #ecfdf5; border-color: #a7f3d0; color: #047857; } #dxCart .dxc-alert.is-info{ background: #eff6ff; border-color: #bfdbfe; color: #1d4ed8; } #dxCart .dxc-alert.is-warn{ background: #fffbeb; border-color: #fde68a; color: #b45309; } #dxCart .dxc-alert.is-error{ background: #fef2f2; border-color: #fecaca; color: #b91c1c; } #dxCart .dxc-alert{ position: relative; padding-right: 44px; overflow: hidden; transition: opacity .35s ease, max-height .4s ease, margin .4s ease, padding .4s ease; } #dxCart .dxc-alert.is-leaving{ opacity: 0; max-height: 0 !important; margin-bottom: 0; padding-top: 0; padding-bottom: 0; border-width: 0; } #dxCart .dxc-alert-close{ position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 28px; height: 28px; border: 0; border-radius: 8px; background: transparent; color: inherit; font-size: 20px; line-height: 1; cursor: pointer; opacity: .6; } #dxCart .dxc-alert-close:hover,#dxCart .dxc-alert-close:focus-visible{ opacity: 1; background: rgba(0, 0, 0, .06); } #dxCart .dxc-btn{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 48px; padding: 0 22px; border-radius: 10px; border: 1.5px solid transparent; font-size: 15px; font-weight: 700; line-height: 1; white-space: nowrap; transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease; } #dxCart .dxc-btn svg{ width: 18px; height: 18px; } #dxCart .dxc-btn.is-primary{ background: var(--dxc-primary); border-color: var(--dxc-primary); color: #fff; } #dxCart .dxc-btn.is-primary:hover{ background: var(--dxc-primary-dark); border-color: var(--dxc-primary-dark); box-shadow: 0 6px 16px rgba(49, 116, 241, .25); } #dxCart .dxc-btn.is-outline{ background: #fff; border-color: var(--dxc-primary); color: var(--dxc-primary); } #dxCart .dxc-btn.is-outline:hover{ background: #eef3fe; } #dxCart .dxc-btn.is-block{ display: flex; width: 100%; } #dxCart .dxc-empty{ position: relative; overflow: hidden; max-width: 860px; margin: 16px auto 0; padding: 52px 36px 36px; background: #fff; border: 1px solid var(--dxc-line); border-radius: 20px; text-align: center; box-shadow: 0 12px 32px rgba(15, 23, 42, .06); } #dxCart .dxc-empty::before{ content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, #0b5ed7, #38bdf8); } #dxCart .dxc-empty-ico{ position: relative; width: 88px; height: 88px; margin: 0 auto 26px; display: flex; align-items: center; justify-content: center; border-radius: 22px; border: 1px solid #c9d9fb; background: linear-gradient(145deg, #f3f7ff, #dce8fd); color: #0b5ed7; box-shadow: 0 12px 28px rgba(49, 116, 241, .18); } #dxCart .dxc-empty-ico svg{ width: 40px; height: 40px; } #dxCart .dxc-empty-ico::before,#dxCart .dxc-empty-ico::after{ content: "\2726"; position: absolute; line-height: 1; color: #0b5ed7; } #dxCart .dxc-empty-ico::before{ top: -8px; right: -8px; font-size: 15px; } #dxCart .dxc-empty-ico::after{ bottom: 4px; left: -6px; font-size: 9px; color: #93b4f5; } #dxCart .dxc-empty :is(h1, h2){ font-size: 26px; font-weight: 800; margin-bottom: 12px; color: #0f172a; } #dxCart .dxc-empty > p{ max-width: 560px; margin: 0 auto 30px; color: var(--dxc-muted); font-size: 15.5px; line-height: 1.65; } #dxCart .dxc-empty-actions{ display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; } #dxCart .dxc-empty-actions .dxc-btn{ height: 50px; padding: 0 24px; border-radius: 12px; } #dxCart .dxc-empty-actions .dxc-btn.is-primary{ background: linear-gradient(135deg, #0b5ed7, #3174f1); border-color: transparent; box-shadow: 0 8px 20px rgba(11, 94, 215, .28); } #dxCart .dxc-empty-actions .dxc-btn.is-primary:hover{ background: linear-gradient(135deg, #0a52bd, #2560d6); box-shadow: 0 10px 24px rgba(11, 94, 215, .34); } #dxCart .dxc-btn.is-ghost{ background: #fff; border-color: #cbd5e1; color: var(--dxc-text); } #dxCart .dxc-btn.is-ghost:hover{ border-color: #94a3b8; background: #f8fafc; } #dxCart .dxc-empty-feats{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 40px 0 0; padding: 32px 0 0; border-top: 1px solid var(--dxc-line); list-style: none; text-align: left; } #dxCart .dxc-empty-feats li{ display: flex; align-items: flex-start; gap: 14px; padding: 18px; border: 1px solid #edf1f6; border-radius: 14px; background: #f8fafc; } #dxCart .dxc-empty-feats strong{ display: block; margin-bottom: 4px; font-size: 14.5px; font-weight: 800; color: #0f172a; } #dxCart .dxc-empty-feats small{ display: block; font-size: 12.5px; line-height: 1.5; color: var(--dxc-muted); } #dxCart .dxc-feat-ico{ flex: 0 0 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 10px; } #dxCart .dxc-feat-ico svg{ width: 19px; height: 19px; } #dxCart .dxc-feat-ico.is-blue{ background: #e0edff; color: #0b5ed7; } #dxCart .dxc-feat-ico.is-amber{ background: #fef3c7; color: #d97706; } #dxCart .dxc-feat-ico.is-green{ background: #dcfce7; color: #15803d; } #dxCart .dxc-feat-ico.is-violet{ background: #ede9fe; color: #6d28d9; } #dxCart .dxc-grid{ display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 24px; align-items: start; } #dxCart .dxc-items{ display: flex; flex-direction: column; gap: 12px; } #dxCart .dxc-item{ display: grid; grid-template-columns: 48px minmax(0, 1fr) 130px 170px 40px; align-items: center; gap: 18px; padding: 18px 20px; background: #fff; border: 1px solid var(--dxc-line); border-radius: 14px; transition: border-color .15s ease, box-shadow .15s ease; } #dxCart .dxc-item:hover{ border-color: #cfd8e6; box-shadow: 0 4px 14px rgba(15, 23, 42, .05); } #dxCart .dxc-item.is-bundle{ border-color: #c7d7f5; } #dxCart .dxc-item.is-child{ position: relative; margin: -4px 0 0 46px; padding: 10px 16px; grid-template-columns: 34px minmax(0, 1fr) 130px 170px 40px; gap: 14px; background: #fafcff; border-color: #e3eaf5; border-radius: 12px; } #dxCart .dxc-item.is-child::before{ content: ""; position: absolute; left: -28px; top: -18px; bottom: 50%; width: 20px; border-left: 2px solid #d3def0; border-bottom: 2px solid #d3def0; border-bottom-left-radius: 10px; pointer-events: none; } #dxCart .dxc-item.is-child .dxc-item-ico{ width: 34px; height: 34px; border-radius: 9px; } #dxCart .dxc-item.is-child .dxc-item-ico svg{ width: 17px; height: 17px; } #dxCart .dxc-item.is-child h3{ font-size: 14px; } #dxCart .dxc-item.is-child .dxc-item-price strong{ font-size: 15px; } #dxCart .dxc-item-ico{ width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #eef3fe; color: var(--dxc-primary); } #dxCart .dxc-item-ico svg{ width: 24px; height: 24px; } #dxCart .dxc-item-ico.is-server{ background: #ecfdf5; color: #059669; } #dxCart .dxc-item-ico.is-lock{ background: #fef9c3; color: #a16207; } #dxCart .dxc-item-ico.is-key{ background: #fff1e6; color: #ea580c; } #dxCart .dxc-item-ico.is-renew{ background: #ecfdf5; color: #059669; } #dxCart .dxc-item-ico.is-doc{ background: #f3e8ff; color: #7e22ce; } #dxCart .dxc-item-info h3{ font-size: 16px; font-weight: 700; color: var(--dxc-text); line-height: 1.35; } #dxCart .dxc-item-meta{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-top: 6px; } #dxCart .dxc-tag{ padding: 2px 8px; border-radius: 6px; background: #f1f5f9; color: #334155; font-size: 12px; font-weight: 700; } #dxCart .dxc-tag.is-green{ background: #ecfdf5; color: #047857; } #dxCart .dxc-tag.is-blue{ background: #e0f2fe; color: #0369a1; } #dxCart .dxc-sku{ font-size: 12px; color: #94a3b8; } #dxCart .dxc-item-period form{ margin: 0; } #dxCart .dxc-item-period label{ display: block; margin-bottom: 4px; font-size: 11px; font-weight: 700; color: var(--dxc-muted); text-transform: uppercase; } #dxCart .dxc-item-period select{ width: 100%; height: 38px; margin: 0; padding: 0 30px 0 12px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; color: var(--dxc-text); font: 700 14px 'Nunito', sans-serif; cursor: pointer; -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; background-size: 14px; } #dxCart .dxc-item-period select:focus{ outline: none; border-color: var(--dxc-primary); box-shadow: 0 0 0 3px rgba(49, 116, 241, .15); } #dxCart .dxc-fixed{ display: inline-block; padding: 6px 10px; border-radius: 8px; background: #f1f5f9; color: var(--dxc-muted); font-size: 12px; font-weight: 700; } #dxCart .dxc-item-price{ text-align: right; } #dxCart .dxc-item-price strong{ display: block; font-size: 19px; font-weight: 800; color: var(--dxc-green); white-space: nowrap; } #dxCart .dxc-item-price small{ display: block; margin-top: 2px; font-size: 12px; color: #94a3b8; white-space: nowrap; } #dxCart .dxc-item-remove{ margin: 0; } #dxCart .dxc-item-remove button{ width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border: 0; border-radius: 10px; background: transparent; color: #94a3b8; transition: background-color .15s ease, color .15s ease; } #dxCart .dxc-item-remove button:hover{ background: #fef2f2; color: #dc2626; } #dxCart .dxc-item-remove svg{ width: 19px; height: 19px; } #dxCart .dxc-continue{ display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; margin-top: 4px; padding: 6px 0; color: var(--dxc-muted); font-weight: 700; transition: color .15s ease; } #dxCart .dxc-continue:hover{ color: var(--dxc-primary); } #dxCart .dxc-continue svg{ width: 17px; height: 17px; } #dxCart .dxc-summary{ position: sticky; top: 16px; padding: 22px; background: #fff; border: 1px solid var(--dxc-line); border-radius: 14px; } #dxCart .dxc-summary h2{ font-size: 17px; font-weight: 800; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid var(--dxc-line); } #dxCart .dxc-summary dl > div{ display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 5px 0; } #dxCart .dxc-summary dt{ color: var(--dxc-muted); font-weight: 600; } #dxCart .dxc-summary dd{ font-weight: 700; white-space: nowrap; } #dxCart .dxc-summary .dxc-total{ margin-top: 10px; padding-top: 14px; border-top: 1px dashed #cbd5e1; } #dxCart .dxc-summary .dxc-total dt{ color: var(--dxc-text); font-size: 16px; font-weight: 800; } #dxCart .dxc-summary .dxc-total dd{ color: var(--dxc-green); font-size: 22px; font-weight: 800; } @media (max-width: 1199px) { #dxCart .dxc-grid{ grid-template-columns: minmax(0, 1fr) 320px; } #dxCart .dxc-item{ grid-template-columns: 44px minmax(0, 1fr) 120px 40px; } #dxCart .dxc-item-price{ grid-column: 2 / 4; grid-row: 2; text-align: left; display: flex; align-items: baseline; gap: 10px; } #dxCart .dxc-item-remove{ grid-column: 4; grid-row: 1; } #dxCart .dxc-item.is-child{ grid-template-columns: 34px minmax(0, 1fr) 120px 40px; } } @media (max-width: 991px) { #dxCart .dxc-clear{ margin-left: auto; } #dxCart .dxc-grid{ grid-template-columns: 1fr; } #dxCart .dxc-summary{ position: static; } } @media (max-width: 575px) { #dxCart .dxc-title h1{ font-size: 22px; } #dxCart .dxc-clear button{ padding: 0 10px; } #dxCart .dxc-item{ grid-template-columns: 40px minmax(0, 1fr) 36px; gap: 12px; padding: 14px; } #dxCart .dxc-item-ico{ width: 40px; height: 40px; align-self: start; } #dxCart .dxc-item-period{ grid-column: 2 / 4; grid-row: 2; } #dxCart .dxc-item-price{ grid-column: 2 / 4; grid-row: 3; } #dxCart .dxc-item-remove{ grid-column: 3; grid-row: 1; align-self: start; } #dxCart .dxc-item.is-child{ margin-left: 22px; grid-template-columns: 30px minmax(0, 1fr) 36px; gap: 10px; padding: 10px 12px; } #dxCart .dxc-item.is-child::before{ left: -16px; width: 12px; } #dxCart .dxc-item.is-child .dxc-item-ico{ width: 30px; height: 30px; } #dxCart .dxc-empty{ padding: 40px 18px 22px; border-radius: 16px; } #dxCart .dxc-empty :is(h1, h2){ font-size: 21px; } #dxCart .dxc-empty-actions .dxc-btn{ width: 100%; } #dxCart .dxc-empty-feats{ grid-template-columns: 1fr; margin-top: 30px; padding-top: 24px; } } #dxCart.dxsp .dxsp-head-secure{ display: inline-flex; align-items: center; gap: 6px; margin-left: auto; color: var(--dxc-muted); font-size: 13px; font-weight: 600; } #dxCart.dxsp .dxsp-head-secure svg{ width: 16px; height: 16px; color: var(--dxc-green); } #dxCart.dxsp .dxsp-form{ margin: 0; } #dxCart.dxsp .dxsp-main{ display: flex; flex-direction: column; gap: 20px; min-width: 0; } #dxCart.dxsp .checkout_box{ margin: 0; padding: 22px; background: #fff; border: 1px solid var(--dxc-line); border-radius: 14px; box-shadow: none; } #dxCart.dxsp .checkout_box_title{ display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; padding-bottom: 14px; border-bottom: 1px solid #eef2f7; font-size: 17px; font-weight: 800; color: #0f172a; } #dxCart.dxsp .checkout_box_title .fa{ width: 18px; text-align: center; } #dxCart.dxsp .dxsp-sec .dxc-item{ background: #fcfdff; } #dxCart.dxsp .dxsp-sec .dxc-item-period label{ margin-bottom: 4px; } #dxCart.dxsp .dxsp-sec .dxc-continue{ margin-top: 12px; } #dxCart.dxsp .dxc-item-remove{ display: flex; } #dxCart.dxsp .dxbp-hint{ margin: 0 0 10px; } #dxCart.dxsp .dxc-note{ margin: 12px 0 0; } #dxCart.dxsp .dxco-hint{ margin: 12px 0 0; } #dxCart.dxsp .dxco-methods{ margin-bottom: 16px; } #dxCart.dxsp .dxco-panel + .dxco-panel{ margin-top: 0; } #dxCart.dxsp .form-control-custom{ height: 44px; width: 100%; padding: 8px 14px; border: 1px solid #cbd5e1; border-radius: 8px; background-color: #fff; color: #1e293b; font-size: 14px; font-weight: 600; transition: border-color .2s, box-shadow .2s; } #dxCart.dxsp .dxbp .form-control-custom.is-valid{ border-color: #16a34a; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2316a34a'/%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 16px 16px; padding-right: 38px; } #dxCart.dxsp .dxbp select.form-control-custom.is-valid{ background-position: right 34px center; padding-right: 58px; } #dxCart.dxsp .dxbp textarea.form-control-custom.is-valid{ background-position: right 12px top 12px; } #dxCart.dxsp .dxbp .form-control-custom.is-valid:focus{ border-color: #16a34a; box-shadow: 0 0 0 3px rgba(22, 163, 74, .15); } #dxCart.dxsp .dxbp .form-control-custom[aria-invalid="true"]{ border-color: #ef4444; } #dxCart.dxsp .dxbp .form-control-custom[aria-invalid="true"]:focus{ box-shadow: 0 0 0 3px rgba(239, 68, 68, .15); } #dxCart.dxsp .form-control-custom:focus{ border-color: var(--dxc-primary); outline: none; box-shadow: 0 0 0 3px rgba(49, 116, 241, .15); } #dxCart.dxsp .form-group label{ margin-bottom: 6px; font-size: 13px; font-weight: 700; color: #475569; } #dxCart.dxsp .dxsp-errors{ margin: 6px 0 0; padding-left: 18px; font-weight: 600; } #dxCart.dxsp .dxsp-submit{ display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 52px; padding: 0 22px; border: 0; border-radius: 10px; background: var(--dxc-primary); color: #fff; font-size: 16px; font-weight: 800; transition: background-color .15s ease, box-shadow .15s ease; } #dxCart.dxsp .dxsp-submit:hover{ background: var(--dxc-primary-dark); box-shadow: 0 6px 16px rgba(49, 116, 241, .25); } #dxCart.dxsp .dxsp-submit:focus-visible{ outline: 3px solid rgba(49, 116, 241, .35); outline-offset: 2px; } #dxCart.dxsp .dxsp-submit:disabled{ opacity: .7; cursor: progress; box-shadow: none; } #dxCart.dxsp .dxsp-submit-inline{ width: auto; min-width: 260px; margin: 18px 0 0 auto; } #dxCart.dxsp .dxsp-cardtotal{ margin-top: 6px; padding: 8px 10px !important; border-radius: 8px; background: #f5f8ff; } #dxCart.dxsp .dxsp-cardtotal dt{ color: #1e293b; } #dxCart.dxsp .dxsp-cardtotal[hidden]{ display: none !important; } #dxCart.dxsp .dxsp-agree{ display: flex; align-items: flex-start; gap: 10px; margin: 16px 0 14px; padding: 10px 12px; border: 1px solid var(--dxc-line); border-radius: 10px; background: #f8fafc; cursor: pointer; font-weight: 400; } #dxCart.dxsp .dxsp-agree input{ width: 18px; height: 18px; margin: 1px 0 0; flex-shrink: 0; accent-color: var(--dxc-primary); } #dxCart.dxsp .dxsp-agree span{ font-size: 12.5px; line-height: 1.5; color: #475569; } #dxCart.dxsp .dxsp-agree a{ color: var(--dxc-primary); font-weight: 700; } #dxCart.dxsp .dxsp-agree a:hover{ text-decoration: underline; } #dxCart.dxsp .dxsp-login{ margin-top: 16px; min-height: 52px; } #dxCart.dxsp .dxsp-secure{ display: flex; align-items: flex-start; gap: 10px; margin-top: 14px; padding: 12px; border-radius: 10px; background: #f0fdf4; border: 1px solid #dcfce7; } #dxCart.dxsp .dxsp-secure svg{ width: 20px; height: 20px; color: var(--dxc-green); margin-top: 1px; } #dxCart.dxsp .dxsp-secure strong{ display: block; font-size: 13px; font-weight: 800; color: #166534; } #dxCart.dxsp .dxsp-secure small{ display: block; font-size: 12px; color: #4b5563; line-height: 1.45; } #dxCart.dxsp .dxsp-head-link{ flex-shrink: 0; color: var(--dxc-primary); font-size: 14px; font-weight: 700; } #dxCart.dxsp .dxsp-head-link:hover{ text-decoration: underline; text-underline-offset: 3px; } #dxCart.dxsp .dxc-head-inner .dxsp-head-secure + .dxsp-head-link{ margin-left: 18px; } #dxCart.dxsp .dxc-item.dxsp-item-readonly{ grid-template-columns: 48px minmax(0, 1fr) auto; } #dxCart.dxsp .dxsp-item-readonly .dxc-item-price{ grid-column: auto; grid-row: auto; display: block; text-align: right; } #dxCart.dxsp .dxsp-retry{ line-height: 1.6; } @media (max-width: 991px) { #dxCart.dxsp .dxc-head-inner .dxsp-head-secure + .dxsp-head-link{ margin-left: auto; } } @media (max-width: 575px) { #dxCart.dxsp .dxc-head-inner{ flex-wrap: wrap; gap: 6px 12px; padding-block: 12px; } #dxCart.dxsp .dxc-title h1{ white-space: nowrap; } #dxCart.dxsp .dxc-count{ white-space: nowrap; } #dxCart.dxsp .dxc-head-inner .dxsp-head-secure + .dxsp-head-link{ margin-left: 0; } #dxCart.dxsp .dxc-item.dxsp-item-readonly{ grid-template-columns: 40px minmax(0, 1fr); } #dxCart.dxsp .dxsp-item-readonly .dxc-item-price{ grid-column: 2; text-align: left; display: flex; align-items: baseline; gap: 8px; } } #dxCart.dxsp .dxsp-guest p{ margin: 0 0 16px; color: var(--dxc-muted); font-size: 14.5px; line-height: 1.6; } #dxCart.dxsp .dxsp-guest-actions{ display: flex; flex-wrap: wrap; gap: 10px; } @media (max-width: 991px) { #dxCart.dxsp .dxsp-head-secure{ display: none; } } @media (max-width: 575px) { #dxCart.dxsp .checkout_box{ padding: 16px 14px; border-radius: 12px; } #dxCart.dxsp .checkout_box_title{ font-size: 16px; } #dxCart.dxsp .dxsp-submit-inline{ width: 100%; min-width: 0; } #dxCart.dxsp .dxsp-guest-actions .dxc-btn{ width: 100%; } } @keyframes dxdBulkIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } } #dxAdmDomains{ --dxa-blue: #3174f1; --dxa-border: #e2e8f0; --dxa-muted: #64748b; } #dxAdmDomains .btn i{ margin-right: 4px; } #dxAdmDomains.dxk-page{ --dxk-ok: #047857; --dxk-ok-bg: #ecfdf5; --dxk-warn: #b45309; --dxk-warn-bg: #fffbeb; --dxk-bad: #b91c1c; --dxk-bad-bg: #fef2f2; } #dxAdmDomains .dxk-sumc{ display: flex; flex-direction: column; gap: 3px; padding: 12px 14px; border: 1px solid var(--dxa-border); border-radius: 12px; background: #fff; text-align: left; font-family: inherit; cursor: pointer; transition: border-color .15s, box-shadow .15s; } #dxAdmDomains .dxk-sumc:hover{ border-color: #93c5fd; box-shadow: 0 4px 12px rgba(15, 23, 42, .06); } #dxAdmDomains .dxk-sumc:focus{ outline: none; } #dxAdmDomains .dxk-sumc:focus-visible{ outline: 2px solid #93c5fd; } #dxAdmDomains .dxk-sumc.is-active{ border-color: var(--dxa-blue); box-shadow: 0 0 0 2px rgba(49, 116, 241, .2); } #dxAdmDomains .dxk-sumc b{ font-size: 19px; font-weight: 800; color: #0f172a; white-space: nowrap; } #dxAdmDomains .dxk-sumc small{ font-size: 11.5px; color: var(--dxa-muted); line-height: 1.35; } #dxAdmDomains .dxk-tab{ padding: 10px 16px; border-bottom: 3px solid transparent; font-size: 14px; font-weight: 700; color: #475569; white-space: nowrap; } #dxAdmDomains .dxk-tab:hover{ text-decoration: none; color: #0f172a; } #dxAdmDomains .dxk-tab.is-active{ border-bottom-color: var(--dxa-blue); color: var(--dxa-blue); } #dxAdmDomains .dxk-pane[hidden]{ display: none; } #dxAdmDomains .dxk-chip{ display: inline-flex; align-items: center; gap: 6px; margin-right: 6px; padding: 4px 10px; border: 1px solid #bfdbfe; border-radius: 999px; background: #eff6ff; color: #1d4ed8; font-size: 12.5px; font-weight: 600; cursor: pointer; } #dxAdmDomains .dxk-group[hidden]{ display: none; } #dxAdmDomains .dxk-muted,.dxk-modal .dxk-muted{ color: #94a3b8; } #dxAdmDomains .dxk-warn,.dxk-modal .dxk-warn{ color: var(--dxk-warn); } #dxAdmDomains small.dxk-warn{ color: var(--dxk-warn) !important; } #dxAdmDomains .dxk-detail td{ padding: 4px 16px 18px; background: #f8fafc !important; border-top: 0; } .dxk-modal [data-pinned-box][hidden]{ display: none; } .dxk-modal label{ font-size: 13px; font-weight: 600; color: #334155; } .dxk-modal .modal-footer{ gap: 8px; } #dxAdmDomains .dropdown-item{ font-size: 13px; } #dxAdmDomains .dropdown-item i{ width: 16px; margin-right: 6px; } .dxa-drawer{ position: fixed; z-index: 1050; top: 0; right: 0; bottom: 0; width: 440px; max-width: 100%; overflow-y: auto; padding: 22px 22px 28px; background: #fff; box-shadow: -12px 0 32px rgba(15, 23, 42, .15); transform: translateX(105%); transition: transform .2s ease; } .dxa-drawer.is-open{ transform: none; } body.dx-error-page{ margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 16px; background: #f4f6fb; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: #1e293b; } .dx-error-box{ max-width: 480px; width: 100%; background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; padding: 32px 28px; text-align: center; box-shadow: 0 10px 30px rgba(15, 23, 42, .06); } .dx-error-code{ font-size: 44px; font-weight: 800; color: #dc2626; line-height: 1; } .dx-error-box h1{ margin: 12px 0 8px; font-size: 20px; } .dx-error-box p{ margin: 0 0 14px; font-size: 14px; color: #475569; line-height: 1.55; } .dx-error-ref{ padding: 10px 12px; border-radius: 8px; background: #f8fafc; border: 1px dashed #cbd5e1; } .dx-error-ref strong{ font-family: ui-monospace, monospace; letter-spacing: 1px; color: #0f172a; } .dx-error-actions{ display: flex; gap: 10px; justify-content: center; margin-top: 6px; } .dx-error-actions a{ padding: 9px 16px; border-radius: 8px; border: 1px solid #cbd5e1; color: #1e293b; text-decoration: none; font-size: 14px; font-weight: 600; } .dx-error-actions a.is-primary{ background: #2563eb; border-color: #2563eb; color: #fff; } :root{ --dx-sb-w: 288px; --dx-sb-w-collapsed: 76px; --dx-sb-bg: #0b1426; --dx-sb-bg-2: #111c33; --dx-sb-line: rgba(255,255,255,0.08); --dx-sb-text: rgba(255,255,255,0.78); --dx-sb-muted: rgba(255,255,255,0.45); --dx-sb-accent: #2563eb; } .admin-topbar,.admin-main{ margin-left: var(--dx-sb-w) !important; transition: margin-left .22s ease; } .dx-sb-logo-mark{ width: 38px; height: 38px; flex-shrink: 0; border-radius: 10px; background: linear-gradient(135deg, #2563eb, #7c3aed); display: inline-flex; align-items: center; justify-content: center; font-weight: 900; font-size: 18px; } .dx-section-title{ font-size: 11px; font-weight: 800; letter-spacing: .9px; text-transform: uppercase; color: var(--dx-sb-muted); padding: 10px 22px 6px; white-space: nowrap; } @media (max-width: 991.98px) { .admin-topbar,.admin-main{ margin-left: 0 !important; } } @media (prefers-reduced-motion: reduce) { .admin-topbar,.admin-main{ transition: none; } } .dx-pager{ display: flex; align-items: center; justify-content: space-between; gap: 10px 16px; flex-wrap: wrap; width: 100%; margin: 0; font-size: 13px; color: #64748b; } .dx-pager-info strong{ color: #0f172a; font-weight: 700; } .dx-pager-list{ display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; list-style: none; } .dx-pager-list li{ margin: 0; padding: 0; } .dx-pager-list a,.dx-pager-list span{ display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; padding: 0 10px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; color: #334155; font-size: 13px; font-weight: 600; line-height: 1; text-decoration: none; transition: background .15s, border-color .15s, color .15s; } .dx-pager-list a:hover,.dx-pager-list a:focus{ background: #eff6ff; border-color: #bfdbfe; color: #3174f1; text-decoration: none; } .dx-pager-list .is-active span{ background: #3174f1; border-color: #3174f1; color: #fff; } .dx-pager-list .is-disabled span{ color: #cbd5e1; background: #f8fafc; cursor: not-allowed; } .dx-pager-list .is-gap span{ border-color: transparent; background: transparent; min-width: 20px; padding: 0 2px; } .dx-pager-list li:first-child a,.dx-pager-list li:first-child span,.dx-pager-list li:last-child a,.dx-pager-list li:last-child span{ font-size: 18px; } @media (max-width: 575.98px) { .dx-pager{ justify-content: center; text-align: center; } .dx-pager-list{ justify-content: center; } .dx-pager-list a,.dx-pager-list span{ min-width: 32px; height: 32px; padding: 0 8px; } } .dx-acc{ --acc-line: #e5e9f0; --acc-muted: #64748b; --acc-ink: #0f172a; --acc-blue: #2563eb; --acc-blue-soft: #eff4ff; color: var(--acc-ink); } .dx-acc-alert{ display: flex; align-items: flex-start; gap: 10px; margin: 16px 20px 0; padding: 12px 14px; border-radius: 10px; font-size: 13.5px; border: 1px solid transparent; } .dx-acc-alert .fa{ margin-top: 2px; } .dx-acc-alert > span{ flex: 1 1 auto; } .dx-acc-alert.is-warn{ background: #fff7e6; border-color: #fcd9a0; color: #7c4a03; } .dx-acc-alert.is-warn .fa{ color: #ea8a00; } .dx-acc-alert.is-muted{ background: #f8fafc; border-color: var(--acc-line); color: #475569; } .dx-acc-alert.is-info{ background: #eef4ff; border-color: #c7d7fe; color: #1e3a8a; } .dx-acc-group-toggle{ display: flex; align-items: center; gap: 8px; width: 100%; padding: 9px 16px; border: 0; border-top: 1px solid var(--acc-line); background: #f8fafc; font-size: 13px; font-weight: 700; color: var(--acc-ink); text-align: left; cursor: pointer; } .dx-acc-group-toggle .fa{ width: 12px; transition: transform .15s; } .dx-acc-difflist{ list-style: none; margin: 0; padding: 0; } .dx-acc-difflist li{ display: flex; justify-content: space-between; gap: 12px; padding: 8px 10px; border-radius: 8px; font-size: 13px; } .dx-acc-difflist li + li{ margin-top: 4px; } .dx-acc-difflist li.is-add{ background: #f0fdf4; } .dx-acc-difflist li.is-remove{ background: #fef2f2; } .dx-acc-difflist span{ color: #475569; white-space: nowrap; } .dx-acc-mono{ font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; } .dx-acc-chip{ padding: 2px 8px; border-radius: 6px; font-size: 12px; } .dx-acc-chip.is-add{ background: #dcfce7; color: #166534; } .dx-acc-chip.is-remove{ background: #fee2e2; color: #991b1b; } @media (max-width: 767.98px) { .dx-acc-alert{ margin-left: 12px; margin-right: 12px; } } .dx-vault-card{ background: #fff; border: 1px solid #e5e9f0; border-radius: 16px; padding: 32px 28px; text-align: center; box-shadow: 0 8px 28px rgba(15,23,42,.06); } .dx-vault-lock{ width: 64px; height: 64px; margin: 0 auto 14px; border-radius: 18px; background: #0f172a; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 28px; } .dx-vault-lock.is-open{ background: #e8efff; color: #2563eb; } .dx-vault-title{ font-size: 22px; font-weight: 700; margin: 0 0 6px; color: #0f172a; } .dx-vault-lead{ color: #64748b; font-size: 14px; margin: 0 auto 20px; max-width: 400px; } @media (max-width: 575.98px) { .dx-vault-card{ padding: 24px 18px; } } .dx-vault-fields{ margin: 0; padding: 4px 20px 8px; } .dx-vault-field{ display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 12px; align-items: start; padding: 12px 0; border-top: 1px solid #f0f3f7; } .dx-vault-field:first-child{ border-top: 0; } .dx-vault-field dt{ font-size: 13px; font-weight: 600; color: #475569; padding-top: 5px; } .dx-vault-field dd{ margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; } .dx-vault-secret{ font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 14px; padding: 4px 10px; border-radius: 6px; background: #f1f5f9; color: #334155; word-break: break-all; } .dx-vault-secret.is-revealed{ background: #fff7e6; color: #0f172a; } .dx-vault-secret.is-multiline.is-revealed{ white-space: pre-wrap; display: block; width: 100%; } .dx-vault-multiline{ white-space: pre-wrap; font-size: 13.5px; } .dx-vault-actions{ display: inline-flex; gap: 4px; } .dx-vault-hint{ margin: 0; padding: 0 20px 14px; font-size: 12px; color: #94a3b8; } .dx-vault-secret-input{ font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; } .dx-vault-picker{ position: relative; } .dx-vault-toast{ position: fixed; z-index: 2000; left: 50%; bottom: 28px; transform: translateX(-50%); padding: 10px 18px; border-radius: 10px; color: #fff; font-size: 13.5px; font-weight: 600; box-shadow: 0 8px 24px rgba(15,23,42,.25); transition: opacity .4s, transform .4s; } .dx-vault-toast.is-ok{ background: #0f172a; } .dx-vault-toast.is-err{ background: #b91c1c; } .dx-vault-toast.is-out{ opacity: 0; transform: translate(-50%, 8px); } @media (max-width: 991.98px) { .dx-vault-field{ grid-template-columns: 1fr; gap: 4px; } } .dx-share-body{ margin: 0; min-height: 100vh; background: #f1f5f9; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #0f172a; } .dx-share{ max-width: 640px; margin: 0 auto; padding: 32px 16px; } .dx-share-brand{ display: flex; align-items: center; gap: 8px; justify-content: center; margin-bottom: 18px; font-size: 14px; color: #475569; } .dx-share-brand .dx-sb-logo-mark{ display: inline-flex; width: 28px; height: 28px; border-radius: 8px; background: #2563eb; color: #fff; align-items: center; justify-content: center; font-weight: 800; } .dx-share .dx-vault-fields{ padding: 8px 0 0; } .dx-share .btn{ display: inline-block; border-radius: 8px; border: 1px solid transparent; cursor: pointer; font-weight: 600; } .dx-share .btn-lg{ padding: 12px 18px; font-size: 16px; width: 100%; } .dx-share .btn-primary{ background: #2563eb; color: #fff; } .dx-share .btn-light{ background: #f1f5f9; border-color: #e2e8f0; color: #334155; padding: 4px 10px; font-size: 13px; } .dx-share-masked{ filter: blur(6px); user-select: none; } .dx-share-foot{ text-align: center; font-size: 12px; color: #94a3b8; margin-top: 16px; } .dx-share .text-left{ text-align: left; } .dx-share .mt-3{ margin-top: 1rem; } .dx-share .mx-0{ margin-left: 0; margin-right: 0; } .dx-share .px-0{ padding-left: 0; padding-right: 0; } .dx-vault-chip-x{ border: 0; background: none; padding: 0 0 0 4px; font-weight: 700; color: inherit; cursor: pointer; line-height: 1; } @media (max-width: 767.98px) { .admin-topbar{ padding: 0 12px !important; gap: 8px; min-width: 0; } .admin-topbar > div{ min-width: 0; gap: 8px !important; } .admin-topbar > div:first-child{ flex: 1 1 auto; overflow: hidden; } .admin-topbar h5{ font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; } .admin-topbar .badge,.admin-topbar > div:last-child > a.btn{ display: none !important; } .admin-topbar > div:last-child form .btn{ font-size: 0 !important; padding: 6px 9px; } .admin-topbar > div:last-child form .btn .fa{ font-size: 14px; margin: 0 !important; } .admin-topbar > div:last-child{ flex: 0 0 auto; } .admin-main{ padding: 16px 15px !important; } .admin-main .d-flex.justify-content-between{ flex-wrap: wrap; row-gap: 10px; } .admin-main .btn-group:not(.dropdown):not(.btn-group-toggle){ flex-wrap: wrap; } .dxtk-sort{ min-width: 0; max-width: 100%; } .dxtk-sort select{ min-width: 0; max-width: 100%; flex: 1 1 auto; } } .dx-secret-mask{ -webkit-text-security: disc; text-security: disc; } .dx-secret-mask::placeholder{ -webkit-text-security: none; } .dx-dialog-open{ overflow: hidden; } .dx-dialog-backdrop{ position: fixed; inset: 0; z-index: 3000; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(15,23,42,.45); opacity: 0; transition: opacity .15s ease; } .dx-dialog-backdrop.is-in{ opacity: 1; } .dx-dialog{ width: 100%; max-width: 440px; padding: 24px 24px 20px; background: #fff; border-radius: 14px; box-shadow: 0 24px 60px rgba(15,23,42,.25); text-align: center; transform: translateY(8px) scale(.98); transition: transform .15s ease; } .dx-dialog-backdrop.is-in .dx-dialog{ transform: none; } .dx-dialog-icon{ width: 48px; height: 48px; margin: 0 auto 12px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; background: #e8efff; color: #2563eb; } .dx-dialog.is-danger .dx-dialog-icon{ background: #fde8e8; color: #dc2626; } .dx-dialog-title{ margin: 0 0 8px; font-size: 17px; font-weight: 700; color: #0f172a; } .dx-dialog-message{ margin: 0 0 18px; font-size: 14px; line-height: 1.5; color: #475569; white-space: pre-line; overflow-wrap: anywhere; } .dx-dialog-input{ margin: -6px 0 16px; font-size: 14px; text-align: left; } .dx-dialog-actions{ display: flex; gap: 8px; justify-content: center; } .dx-dialog-actions .btn{ min-width: 120px; border-radius: 8px; font-weight: 600; } .dx-dialog-backdrop.is-public{ z-index: 2147483000; } .is-public .dx-dialog .btn{ display: inline-flex; align-items: center; justify-content: center; padding: 10px 18px; font-size: 14px; line-height: 1.2; border: 1px solid transparent; cursor: pointer; } .is-public .dx-dialog .btn-primary{ background: #2563eb; border-color: #2563eb; color: #fff; } .is-public .dx-dialog .btn-primary:hover{ background: #1d4ed8; } .is-public .dx-dialog .btn-danger{ background: #dc2626; border-color: #dc2626; color: #fff; } .is-public .dx-dialog .btn-danger:hover{ background: #b91c1c; } .is-public .dx-dialog .btn-outline-secondary{ background: #fff; border-color: #cbd5e1; color: #334155; } .is-public .dx-dialog .btn-outline-secondary:hover{ background: #f1f5f9; } .is-public .dx-dialog-icon{ font-weight: 800; font-family: Georgia, 'Times New Roman', serif; font-size: 22px; } @media (max-width: 479.98px) { .dx-dialog-actions{ flex-direction: column-reverse; } .dx-dialog-actions .btn{ width: 100%; } } .dx-woy-price{ cursor: default; white-space: nowrap; display: inline-flex !important; align-items: baseline; gap: 6px; height: auto !important; line-height: 1.3 !important; } .dx-woy-price small{ display: inline !important; font-size: 0.65em; font-weight: 500; opacity: 0.85; position: static !important; } .dx-woy-select-link{ display: inline-flex; align-items: center; margin-left: 8px; padding: 8px 16px; border-radius: 8px; background: #1e829a; color: #fff !important; font-weight: 700; font-size: 14px; text-decoration: none !important; white-space: nowrap; } .dx-woy-select-link:hover{ background: #166a7e; } @media (min-width: 768px) { .d-flex:has(> .dx-woy-select-link){ padding-right: 190px; align-items: center; } } .dx-woy-bar{ display: flex; align-items: center; justify-content: flex-start; gap: 24px; width: 100%; padding: 10px 0; flex-wrap: wrap; } .dx-woy-bar-info{ display: flex; flex-direction: column; gap: 2px; min-width: 0; } .dx-woy-bar-label{ font-size: 13px; color: #475569; } .dx-woy-bar-total{ font-size: 22px; font-weight: 800; color: #0f172a; } .dx-woy-bar-total small{ font-size: 12px; font-weight: 500; color: #64748b; } .dx-woy-cart-btn{ border: 0; border-radius: 10px; padding: 12px 28px; background: #16a34a; color: #fff; font-weight: 700; font-size: 15px; cursor: pointer; } .dx-woy-cart-btn:hover{ background: #15803d; } .dx-woy-cart-btn:disabled{ opacity: 0.6; cursor: wait; } @media (max-width: 575px) { .dx-woy-bar{ gap: 8px; padding: 8px 0; } .dx-woy-bar-total{ font-size: 18px; } .dx-woy-cart-btn{ width: 100%; } } @media (max-width: 767.98px) { .dx-footer-bottom-inner{ flex-direction: column !important; align-items: center !important; gap: 8px; text-align: center; } .dx-footer-bottom-links,.dx-footer-bottom-links .dx-menu-flex{ flex-wrap: wrap !important; justify-content: center !important; gap: 6px 14px; max-width: 100%; padding-left: 0; } } .dx-loader-overlay{display:none;position:fixed;inset:0;z-index:99999;background:rgba(10,20,40,0.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);align-items:center;justify-content:center;flex-direction:column} .dx-loader-overlay.active{display:flex} .dx-loader-card{background:#fff;border-radius:18px;padding:36px 44px 32px;box-shadow:0 24px 60px rgba(0,0,0,0.22);display:flex;flex-direction:column;align-items:center;gap:20px;min-width:280px;max-width:380px;text-align:center;animation:dxLoaderIn 0.25s ease} @keyframes dxLoaderIn{from{opacity:0;transform:scale(0.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}} .dx-loader-logo{height:32px;opacity:0.85} .dx-loader-dots{display:flex;gap:9px;align-items:center;justify-content:center} .dx-loader-dots span{width:11px;height:11px;border-radius:50%;display:inline-block;animation:dxDotPulse 1.3s ease-in-out infinite} .dx-loader-dots span:nth-child(1){animation-delay:0s;background:#1a6abf} .dx-loader-dots span:nth-child(2){animation-delay:0.18s;background:#2081df} .dx-loader-dots span:nth-child(3){animation-delay:0.36s;background:#4a9bb2} @keyframes dxDotPulse{0%,80%,100%{transform:scale(0.65);opacity:0.4}40%{transform:scale(1.15);opacity:1}} .dx-loader-title{font-size:15px;font-weight:700;color:#0f172a;line-height:1.3;margin:0} .dx-loader-subtitle{font-size:12.5px;color:#64748b;margin:-8px 0 0;line-height:1.4} @media (max-width:420px){.dx-loader-card{min-width:0;width:calc(100% - 32px);padding:28px 24px 24px}} .loader{display:none!important} .dx-cart-toast{position:fixed;right:24px;bottom:24px;z-index:100000;display:flex;align-items:center;gap:14px;max-width:min(460px,calc(100vw - 32px));padding:14px 16px;background:#fff;border-radius:14px;box-shadow:0 18px 44px rgba(15,23,42,.22);border:1px solid #e2e8f0;animation:dxLoaderIn .2s ease} .dx-cart-toast-check{flex:0 0 30px;height:30px;border-radius:50%;background:#16a34a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px} .dx-cart-toast-text{display:flex;flex-direction:column;gap:2px;min-width:0} .dx-cart-toast-text strong{font-size:14px;color:#0f172a;overflow-wrap:anywhere} .dx-cart-toast-text span{font-size:12px;color:#64748b} .dx-cart-toast-go{flex:0 0 auto;padding:8px 14px;border-radius:8px;background:#2563eb;color:#fff!important;font-size:13px;font-weight:700;text-decoration:none!important;white-space:nowrap} .dx-cart-toast-go:hover{background:#1d4ed8} .dx-cart-toast-close{flex:0 0 auto;border:0;background:transparent;color:#94a3b8;font-size:20px;line-height:1;cursor:pointer;padding:0 2px} @media (max-width:575px){.dx-cart-toast{left:16px;right:16px;bottom:16px;flex-wrap:wrap}.dx-cart-toast-go{margin-left:44px}} #dxTicket{ max-width: 960px; } #dxTicket .dxt-note{ display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; margin-bottom: 14px; border-radius: var(--radius-md); font-size: 13px; line-height: 1.5; } #dxTicket .dxt-note .fa{ font-size: 18px; margin-top: 1px; } #dxTicket .dxt-note.is-warning{ background: var(--warning-light); color: #92400e; } #dxTicket .dxt-note.is-success{ background: var(--success-light); color: #065f46; } #dxTicket.dxp{ max-width: 1100px; } #dxTicket.dxp h2{ margin-bottom: 14px; font-size: 16px; font-weight: 800; color: var(--text-main); } #dxTicket .dxt-note a{ font-weight: 700; color: inherit; text-decoration: underline; } .dx-sr-only{ position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } #dxOrder{ --dxo-border: var(--border, #e2e8f0); --dxo-muted: var(--text-muted, #64748b); --dxo-text: var(--text-main, #0f172a); --dxo-blue: var(--primary, #2563eb); color: var(--dxo-text); } #dxOrder [hidden]{ display: none !important; } #dxOrder .dxo-copy:focus-visible{ outline: 3px solid rgba(37, 99, 235, .45); outline-offset: 2px; } .dxo-badge{ display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px; border-radius: 9999px; border: 1px solid transparent; font-size: 12.5px; font-weight: 700; line-height: 1.35; white-space: nowrap; vertical-align: middle; } .dxo-badge .fa{ font-size: 11.5px; } .dxo-badge.is-green{ background: #ecfdf5; border-color: #bbf7d0; color: #047857; } .dxo-badge.is-blue{ background: #eff6ff; border-color: #bfdbfe; color: #1d4ed8; } .dxo-badge.is-amber{ background: #fff7ed; border-color: #fed7aa; color: #b45309; } .dxo-badge.is-orange{ background: #fff7ed; border-color: #fdba74; color: #c2410c; } .dxo-badge.is-purple{ background: #f5f3ff; border-color: #ddd6fe; color: #6d28d9; } .dxo-badge.is-red{ background: #fef2f2; border-color: #fecaca; color: #b91c1c; } .dxo-badge.is-gray{ background: #f1f5f9; border-color: #e2e8f0; color: #475569; } #dxOrder .dxo-copy{ flex-shrink: 0; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--dxo-border); border-radius: 8px; background: #fff; color: #334155; cursor: pointer; } #dxOrder .dxo-copy.is-done{ border-color: #bbf7d0; background: #ecfdf5; color: #047857; } #dxOrder .dxo-transfer{ margin-top: 16px; padding: 18px; border: 1px solid var(--dxo-border); border-radius: var(--radius-lg, 14px); background: #fff; box-shadow: var(--shadow-lg); } #dxOrder .dxo-drop{ position: relative; align-items: center; justify-content: center; min-height: 86px; padding: 14px; border: 2px dashed #cbd5e1; border-radius: var(--radius-md, 10px); background: #f8fafc; text-align: center; cursor: pointer; } #dxOrder .dxo-drop:focus-within{ border-color: var(--dxo-blue); background: #eff6ff; } #dxOrder .dxo-drop.has-file{ border-style: solid; border-color: #bbf7d0; background: #f0fdf4; } #dxOrder .dxo-drop input[type=file]{ position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } #dxOrder .dxo-drop > .fa{ font-size: 22px; color: var(--dxo-blue); } #dxOrder .dxo-drop strong{ font-size: 13px; overflow-wrap: anywhere; } #dxOrder .dxo-drop small{ font-size: 11.5px; font-weight: 500; color: var(--dxo-muted); } body.dxl-doc{ margin: 0; background: #f8fafc; font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; color: #0f172a; } .dxl-doc main{ max-width: 820px; margin: 24px auto; padding: 32px; background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; } .dxl-doc .dxl-head h1{ margin: 0; font-size: 24px; } .dxl-doc .dxl-head p{ margin: 6px 0 0; font-size: 13px; color: #64748b; } .dxl-doc .dxl-warn{ padding: 10px; border-radius: 8px; background: #fef2f2; color: #991b1b !important; font-weight: 700; } .dxl-doc .dxl-print{ margin-top: 14px; padding: 8px 14px; border: 1px solid #bfdbfe; border-radius: 8px; background: #eff6ff; color: #1d4ed8; font-weight: 700; cursor: pointer; } .dxl-doc .dxl-body{ margin-top: 24px; font-size: 14px; line-height: 1.65; } .dxl-doc .dxl-body table{ width: 100%; border-collapse: collapse; margin: 10px 0; font-size: 13px; } .dxl-doc .dxl-body th,.dxl-doc .dxl-body td{ padding: 6px 8px; border: 1px solid #e2e8f0; text-align: left; } .dxl-doc .dxl-order{ padding: 14px; margin-bottom: 20px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; } .dxl-doc .dxl-order p{ margin: 4px 0; } .dxl-doc .dxl-foot{ margin-top: 28px; font-size: 11px; color: #64748b; overflow-wrap: anywhere; } @media print { .dxl-doc main{ margin: 0; border: 0; } .dxl-doc .dxl-print{ display: none; } body.dxl-doc{ background: #fff; } } @media (max-width: 767px) { .dxl-doc main{ margin: 0; padding: 18px; border-radius: 0; } } .dxc-form{ margin-top: 16px; padding: 18px; border: 1px solid var(--border, #e2e8f0); border-radius: var(--radius-lg, 14px); background: #fff; color: var(--text-main, #0f172a); } .dxc-form [hidden]{ display: none !important; } :where(.dxc-form) .dxc-head h3{ display: flex; align-items: center; gap: 8px; margin: 0; font-size: 16px; font-weight: 800; } :where(.dxc-form) .dxc-head h3 .fa{ color: #047857; } :where(.dxc-form) .dxc-head p{ margin: 4px 0 12px; font-size: 12.5px; color: var(--text-muted, #64748b); } :where(.dxc-form) .dxc-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; } :where(.dxc-form) .dxc-grid label{ display: flex; flex-direction: column; gap: 6px; margin: 0; font-size: 12.5px; font-weight: 700; color: #334155; } :where(.dxc-form) .dxc-grid .is-wide{ grid-column: 1 / -1; } :where(.dxc-form) .dxc-grid small{ font-size: 11.5px; font-weight: 500; color: var(--text-muted, #64748b); } :where(.dxc-form) .dxc-grid input,:where(.dxc-form) .dxc-grid select{ width: 100%; height: 42px; padding: 0 10px; border: 1px solid var(--border, #e2e8f0); border-radius: 8px; background: #fff; font: inherit; font-size: 14px; font-weight: 500; color: var(--text-main, #0f172a); } :where(.dxc-form) .dxc-grid input:focus,:where(.dxc-form) .dxc-grid select:focus{ outline: none; border-color: var(--primary, #2563eb); box-shadow: 0 0 0 3px rgba(37, 99, 235, .15); } :where(.dxc-form) .dxc-grid [aria-invalid="true"]{ border-color: #ef4444; } :where(.dxc-form) .dxc-grid [data-dxo-cardnumber]{ font-family: 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .5px; } .dxc-money{ position: relative; display: block; } .dxc-money > i{ position: absolute; left: 0; top: 0; bottom: 0; width: 40px; display: flex; align-items: center; justify-content: center; border-right: 1px solid var(--border, #e2e8f0); border-radius: 8px 0 0 8px; background: #f8fafc; font-style: normal; font-weight: 800; } .dxc-money input{ padding-left: 50px; font-size: 16px; font-weight: 800; } .dxc-err{ display: block; margin: 0; font-size: 12px; font-weight: 600; color: #b91c1c; } .dxc-submit{ display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 46px; margin-top: 16px; border: 0; border-radius: var(--radius-md, 10px); background: var(--primary, #2563eb); color: #fff; font: inherit; font-size: 15px; font-weight: 800; cursor: pointer; } .dxc-submit:hover{ background: var(--primary-hover, #1d4ed8); } .dxc-submit:focus-visible{ outline: 3px solid rgba(37, 99, 235, .45); outline-offset: 2px; } .dxc-submit[disabled]{ opacity: .7; cursor: progress; } .dxc-note{ margin: 10px 0 0; font-size: 12px; color: var(--text-muted, #64748b); } @media (max-width: 767px) { :where(.dxc-form) .dxc-grid{ grid-template-columns: minmax(0, 1fr); } .dxc-form{ padding: 14px; } } #dxPay{ --dxp-border: var(--border, #e2e8f0); --dxp-muted: var(--text-muted, #64748b); --dxp-text: var(--text-main, #0f172a); --dxp-blue: var(--primary, #2563eb); color: var(--dxp-text); } #dxPay [hidden]{ display: none !important; } #dxPay .dxp2-chip{ height: 36px; padding: 0 14px; border: 1px solid var(--dxp-border); border-radius: 8px; background: #f8fafc; font: inherit; font-size: 13px; font-weight: 700; color: #475569; cursor: pointer; } #dxPay .dxp2-chip:hover{ border-color: #bfdbfe; color: var(--dxp-blue); } #dxPay .dxp2-chip.is-active{ border-color: var(--dxp-blue); background: #eff6ff; color: var(--dxp-blue); } #dxPay .dxp2-chip.is-debt{ border-color: #fed7aa; background: #fff7ed; color: #c2410c; } #dxPay .dxp2-chip:focus-visible,#dxPay .dxp2-submit:focus-visible{ outline: 3px solid rgba(37, 99, 235, .45); outline-offset: 2px; } #dxPay [data-dxo-cardnumber],#dxPay [name=card_cvc]{ font-family: 'JetBrains Mono', ui-monospace, monospace; letter-spacing: 1px; } #dxPay .dxp2-submit{ display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 54px; border: 0; border-radius: 12px; background: var(--dxp-blue); color: #fff; font: inherit; font-size: 16px; font-weight: 800; cursor: pointer; box-shadow: 0 8px 20px rgba(37, 99, 235, .25); } #dxPay .dxp2-submit:hover{ background: var(--primary-hover, #1d4ed8); } #dxPay .dxp2-submit[disabled]{ opacity: .7; cursor: progress; } body.dx3d{ margin: 0; display: flex; min-height: 100vh; align-items: center; justify-content: center; font-family: system-ui, -apple-system, 'Segoe UI', sans-serif; background: #f8fafc; color: #0f172a; } body.dx3d main{ max-width: 420px; padding: 32px; text-align: center; } body.dx3d h1{ font-size: 20px; } body.dx3d p{ color: #475569; } body.dx3d button{ margin-top: 12px; padding: 12px 22px; border: 0; border-radius: 10px; background: #2563eb; color: #fff; font-weight: 700; font-size: 15px; cursor: pointer; } .dx-addr-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 20px; } .dx-addr-field label{ display: block; margin-bottom: 6px; font-size: 13px; font-weight: 600; color: #1e293b; } .dx-addr-grid [hidden]{ display: none !important; } .dx-addr-grid select,.dx-addr-grid input{ background-color: #fff; color: #1e293b; } .dx-addr-grid select{ cursor: pointer; } .dx-addr-grid select:disabled,.dx-addr-grid input[readonly]{ background-color: #f1f5f9; color: #64748b; cursor: not-allowed; } .dx-addr-input{ width: 100%; height: 42px; padding: 0 12px; border: 1px solid #cbd5e1; border-radius: 8px; font: inherit; font-size: 14px; outline: none; transition: border-color .2s; box-sizing: border-box; } .dx-addr-input:focus{ border-color: #2563eb; } textarea.dx-addr-input{ height: 72px; padding: 10px 12px; resize: vertical; } @media (max-width: 640px) { .dx-addr-grid{ grid-template-columns: 1fr; } } .dxq-list{ display: flex; flex-direction: column; gap: 8px; } .dxq-opt{ display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0; padding: 14px 16px; border: 1px solid var(--border, #e2e8f0); border-radius: 10px; background: #fff; cursor: pointer; font-weight: 600; } .dxq-opt.is-active{ border-color: var(--primary, #2563eb); background: #f8fbff; } .dxq-opt input{ width: 18px; height: 18px; accent-color: var(--primary, #2563eb); } .dxq-name{ flex: 1; font-size: 14.5px; color: var(--text-main, #0f172a); } .dxq-rate{ padding: 2px 8px; border-radius: 9999px; background: #fff7ed; color: #c2410c; font-size: 11.5px; font-weight: 700; } .dxq-price{ font-size: 14.5px; font-weight: 800; color: var(--text-main, #0f172a); } .dxc-installments{ margin: 0; padding: 0; border: 0; min-width: 0; display: flex; flex-direction: column; gap: 6px; } .dxc-installments legend{ margin: 0 0 6px; font-size: 12.5px; font-weight: 700; color: #334155; } .dxc-installments .dxq-opt{ padding: 11px 12px; font-size: 13px; } @media (max-width: 767px) { .dxq-price{ width: 100%; padding-left: 28px; } } #checkoutForm [hidden]{ display: none !important; } .dxco-methods{ display: flex; flex-direction: column; gap: 10px; margin-bottom: 16px; } .dxco-method{ display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0; padding: 14px 16px; border: 2px solid #e2e8f0; border-radius: 12px; background: #fff; cursor: pointer; transition: border-color .15s, background .15s; } .dxco-method:hover{ border-color: #bfd3fb; } .dxco-method.is-active{ border-color: #3174f1; background: #f0f7ff; } .dxco-method input{ width: 18px; height: 18px; margin: 0; accent-color: #3174f1; } .dxco-method-ico{ width: 40px; height: 40px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: #eef4ff; color: #3174f1; font-size: 18px; } .dxco-method.is-active .dxco-method-ico{ background: #3174f1; color: #fff; } .dxco-method-txt{ flex: 1; min-width: 0; display: flex; flex-direction: column; } .dxco-method-txt strong{ font-size: 14.5px; color: #1e293b; } .dxco-method-txt small{ font-size: 12px; color: #64748b; } .dxco-panel{ margin: 0; padding: 18px; min-width: 0; border: 1px solid #e2e8f0; border-radius: 12px; background: #fcfdff; } .dxco-legend{ width: auto; margin: 0 0 12px; font-size: 14px; font-weight: 800; color: #1e293b; } .dxco-bank{ position: relative; display: flex; align-items: center; gap: 14px; margin: 0 0 10px; padding: 14px 16px; border: 2px solid #e2e8f0; border-radius: 12px; background: #fff; cursor: pointer; transition: border-color .15s, box-shadow .15s; } .dxco-bank:hover{ border-color: #bfd3fb; } .dxco-bank.is-active{ border-color: #3174f1; box-shadow: 0 0 0 3px rgba(49, 116, 241, .12); } .dxco-bank input{ width: 18px; height: 18px; margin: 0; flex-shrink: 0; accent-color: #3174f1; } .dxco-bank-logo{ width: 132px; height: 48px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; padding: 6px 10px; border: 1px solid #eef2f7; border-radius: 10px; background: #fff; } .dxco-bank-logo img{ max-width: 100%; max-height: 30px; object-fit: contain; } .dxco-bank-logo b{ width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #eef4ff; color: #3174f1; font-size: 16px; } .dxco-bank-info{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .dxco-bank-info strong{ font-size: 14.5px; color: #1e293b; } .dxco-bank-info small{ font-size: 12px; color: #64748b; } .dxco-bank-info code{ font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13.5px; font-weight: 700; color: #3174f1; background: none; padding: 0; word-break: break-all; } .dxco-copy{ flex-shrink: 0; display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 0 12px; border: 1px solid #cfdcf7; border-radius: 8px; background: #fff; color: #3174f1; font-size: 12.5px; font-weight: 700; cursor: pointer; } .dxco-copy:hover{ background: #f0f7ff; } .dxco-hint{ margin: 8px 0 0; font-size: 12.5px; color: #64748b; } .dxco-save{ display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 16px; border: 0; border-radius: 8px; background: #3174f1; color: #fff; font-size: 13.5px; font-weight: 700; cursor: pointer; } .dxco-save:hover{ background: #2563eb; } .dxco-save[disabled]{ opacity: .7; cursor: progress; } @media (max-width: 575.98px) { .dxco-bank{ flex-wrap: wrap; } .dxco-bank-logo{ width: 110px; } .dxco-bank-info{ flex-basis: calc(100% - 32px); order: 3; } .dxco-copy{ margin-left: auto; } .dxco-panel{ padding: 12px; } } .dxc-grid-amount:empty{ display: none; } .dxc-grid-amount + .dxcf{ margin-top: 12px; } .dxcf{ display: flex; flex-wrap: wrap-reverse; align-items: flex-end; gap: 18px; margin-bottom: 14px; } .dxcf-fields{ flex: 1 1 340px; min-width: 0; } .dxcf .dxcv{ flex: 0 1 300px; margin: 0 auto; } .dxcf-fields{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; align-content: start; } .dxcf-field{ display: flex; flex-direction: column; gap: 6px; min-width: 0; } .dxcf-field.is-wide{ grid-column: 1 / -1; } .dxcf-field label{ margin: 0; font-size: 12.5px; font-weight: 700; color: #334155; } .dxcf-field input{ width: 100%; height: 46px; padding: 0 12px; border: 1px solid #d5dde8; border-radius: 10px; background: #fff; font: inherit; font-size: 15px; font-weight: 500; color: #0f172a; transition: border-color .15s, box-shadow .15s; } .dxcf-field input::placeholder{ color: #a3adbb; } .dxcf-field input:focus{ outline: none; border-color: #3174f1; box-shadow: 0 0 0 3px rgba(49, 116, 241, .15); } .dxcf-field input:-webkit-autofill{ -webkit-box-shadow: 0 0 0 40px #f0f7ff inset; } .dxcf-field [aria-invalid="true"]{ border-color: #ef4444; } .dxcf-field [data-dxo-cardnumber],.dxcf-field [data-cf-exp],.dxcf-field [data-cf-cvc]{ font-family: 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .6px; } .dxcf-number{ position: relative; display: block; } .dxcf-number input{ padding-right: 64px; } .dxcf-brand{ position: absolute; right: 8px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; pointer-events: none; } .dxcf-brand img{ height: 26px; width: auto; border-radius: 4px; box-shadow: 0 0 0 1px #eef2f7; } .dxcv{ --cv-a: #1e3a8a; --cv-b: #3b82f6; perspective: 1000px; max-width: 340px; width: 100%; justify-self: center; } .dxcv[data-theme="bonus"]{ --cv-a: #0b6b3a; --cv-b: #34a853; } .dxcv[data-theme="world"]{ --cv-a: #4c1d95; --cv-b: #8b5cf6; } .dxcv[data-theme="axess"]{ --cv-a: #111827; --cv-b: #4b5563; } .dxcv[data-theme="maximum"]{ --cv-a: #9d174d; --cv-b: #ec4899; } .dxcv[data-theme="paraf"]{ --cv-a: #0c2a4d; --cv-b: #1d5fa8; } .dxcv[data-theme="cardfinans"]{ --cv-a: #1e3a8a; --cv-b: #2563eb; } .dxcv[data-theme="advantage"]{ --cv-a: #9a3412; --cv-b: #f97316; } .dxcv[data-theme="bankkart"]{ --cv-a: #991b1b; --cv-b: #dc2626; } .dxcv[data-theme="milessmiles"],.dxcv[data-theme="shopfly"],.dxcv[data-theme="wings"]{ --cv-a: #0f172a; --cv-b: #b91c1c; } .dxcv-inner{ position: relative; aspect-ratio: 1.586; transition: transform .6s cubic-bezier(.4, .2, .2, 1); transform-style: preserve-3d; } .dxcv.is-flipped .dxcv-inner{ transform: rotateY(180deg); } .dxcv-face{ position: absolute; inset: 0; display: flex; flex-direction: column; padding: 18px 20px; border-radius: 16px; color: #fff; background: radial-gradient(120% 140% at 100% 0%, rgba(255, 255, 255, .22) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(135deg, var(--cv-a) 0%, var(--cv-b) 100%); box-shadow: 0 14px 30px -12px rgba(15, 23, 42, .55); backface-visibility: hidden; -webkit-backface-visibility: hidden; overflow: hidden; transition: background .4s; } .dxcv-top{ display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 34px; } .dxcv-family{ display: flex; align-items: center; min-width: 0; } .dxcv-pill{ display: inline-flex; align-items: center; height: 30px; padding: 4px 10px; border-radius: 8px; background: rgba(255, 255, 255, .95); } .dxcv-pill img{ max-height: 22px; max-width: 110px; object-fit: contain; } .dxcv-bank{ font-size: 12.5px; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: .95; } .dxcv-brandlogo img{ height: 30px; width: auto; border-radius: 5px; } .dxcv-chip{ width: 42px; height: 30px; margin: 14px 0 12px; border-radius: 6px; background: linear-gradient(135deg, #fde68a 0%, #d4a72c 55%, #fbe7a1 100%); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15); } .dxcv-number{ font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 18px; letter-spacing: 1.5px; white-space: nowrap; text-shadow: 0 1px 2px rgba(0, 0, 0, .25); } .dxcv-row{ display: flex; justify-content: space-between; gap: 12px; margin-top: auto; } .dxcv-row > div{ min-width: 0; } .dxcv-row .is-right{ text-align: right; flex-shrink: 0; } .dxcv-row small,.dxcv-back small{ display: block; font-size: 9.5px; letter-spacing: .8px; text-transform: uppercase; opacity: .75; } .dxcv-row strong{ display: block; font-size: 13px; font-weight: 700; letter-spacing: .5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dxcv-back{ transform: rotateY(180deg); padding: 18px 0; } .dxcv-stripe{ display: block; height: 40px; margin-top: 4px; background: #0b0f19; } .dxcv-sign{ display: flex; align-items: center; margin: 16px 20px 8px; height: 34px; border-radius: 4px; background: repeating-linear-gradient(45deg, #f1f5f9 0 6px, #e2e8f0 6px 12px); } .dxcv-sign span{ flex: 1; } .dxcv-sign b{ padding: 0 12px; height: 100%; display: flex; align-items: center; background: #fff; color: #0f172a; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 15px; letter-spacing: 2px; border-radius: 0 4px 4px 0; } .dxcv-back small{ margin: 0 20px; text-transform: none; letter-spacing: 0; font-size: 11px; } .dxcv-meta{ min-height: 18px; margin: 10px 0 0; font-size: 12.5px; font-weight: 600; color: #475569; text-align: center; } @media (prefers-reduced-motion: reduce) { .dxcv-inner{ transition: none; } } @media (max-width: 575.98px) { .dxcf-fields{ gap: 10px; } .dxcv{ max-width: 300px; } .dxcv-number{ font-size: 16px; } } .dxco-test{ align-self: flex-start; margin-top: 4px; padding: 1px 8px; border-radius: 6px; background: #f59e0b; color: #1f2937; font-size: 11px; font-weight: 700; } .dxco-cards{ display: flex; gap: 4px; flex-shrink: 0; } .dxco-cards img{ height: 22px; width: auto; border-radius: 3px; box-shadow: 0 0 0 1px #e5e9f0; } @media (max-width: 575.98px) { .dxco-cards{ display: none; } } .cpanel-v2-container{ font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #1e293b; background-color: #f8fafc; line-height: 1.5; -webkit-font-smoothing: antialiased; } .cpanel-v2-container *{ box-sizing: border-box; } .cp-container{ max-width: 1240px; margin: 0 auto; padding: 0 20px; } .cp-hero{ background: linear-gradient(135deg, #090d16 0%, #0f172a 50%, #1e1b4b 100%); color: #ffffff; padding: 65px 0 55px; text-align: center; position: relative; overflow: hidden; } .cp-hero::after{ content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 800px; height: 350px; background: radial-gradient(circle, rgba(249, 115, 22, 0.18) 0%, rgba(99, 102, 241, 0.12) 40%, transparent 70%); pointer-events: none; } .cp-hero-badge{ display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 999px; padding: 6px 16px; font-size: 13px; font-weight: 600; color: #cbd5e1; margin-bottom: 24px; backdrop-filter: blur(8px); } .cp-pulse-dot{ width: 8px; height: 8px; border-radius: 50%; background: #ff6a00; box-shadow: 0 0 10px #ff6a00; animation: cpPulse 2s infinite; } @keyframes cpPulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(1.3); } } .cp-hero-title{ font-size: 42px; font-weight: 800; letter-spacing: -0.025em; line-height: 1.18; margin: 0 auto 16px; max-width: 900px; color: #ffffff; } .cp-gradient-text{ background: linear-gradient(135deg, #ff6a00 0%, #f97316 40%, #fb923c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .cp-hero-sub{ font-size: 17px; color: #94a3b8; max-width: 760px; margin: 0 auto 36px; line-height: 1.6; } .cp-hero-highlights{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; max-width: 1100px; margin: 0 auto 36px; text-align: left; } .cp-hl-item{ background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 12px; padding: 16px; display: flex; gap: 12px; align-items: flex-start; backdrop-filter: blur(6px); } .cp-hl-icon{ font-size: 22px; line-height: 1; } .cp-hl-item strong{ display: block; font-size: 13.5px; color: #f1f5f9; margin-bottom: 2px; } .cp-hl-item p{ font-size: 12px; color: #94a3b8; margin: 0; line-height: 1.4; } .cp-hero-actions{ display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; } .cp-btn{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 24px; font-size: 14px; font-weight: 600; border-radius: 10px; cursor: pointer; transition: all 0.18s ease; text-decoration: none; border: none; } .cp-btn-primary{ background: linear-gradient(135deg, #ff6a00 0%, #ea580c 100%); color: #ffffff !important; box-shadow: 0 4px 14px rgba(234, 88, 12, 0.35); } .cp-btn-primary:hover{ background: linear-gradient(135deg, #f97316 0%, #c2410c 100%); transform: translateY(-1px); box-shadow: 0 6px 18px rgba(234, 88, 12, 0.45); } .cp-btn-secondary{ background: rgba(255, 255, 255, 0.12); color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.2); } .cp-btn-secondary:hover{ background: rgba(255, 255, 255, 0.2); } .cp-btn-ghost{ background: transparent; color: #cbd5e1 !important; } .cp-btn-ghost:hover{ color: #ffffff !important; } .cp-pricing-section{ padding: 60px 0; } .cp-section-header{ text-align: center; max-width: 720px; margin: 0 auto 40px; } .cp-section-header h2{ font-size: 32px; font-weight: 800; color: #0f172a; letter-spacing: -0.02em; margin: 0 0 10px; } .cp-section-header p{ font-size: 16px; color: #64748b; margin: 0; } .cp-controls-bar{ display: flex; justify-content: space-between; align-items: center; background: #ffffff; padding: 12px 18px; border-radius: 16px; border: 1px solid #e2e8f0; box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04); margin-bottom: 35px; flex-wrap: wrap; gap: 16px; } .cp-env-switcher{ display: flex; gap: 8px; flex-wrap: wrap; } .cp-env-tab{ display: flex; align-items: center; gap: 10px; padding: 10px 18px; border-radius: 10px; border: 1px solid transparent; background: #f1f5f9; color: #475569; font-size: 13.5px; font-weight: 700; cursor: pointer; transition: all 0.16s ease; } .cp-env-tab:hover{ background: #e2e8f0; color: #1e293b; } .cp-env-tab.active{ background: #0f172a; color: #ffffff; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.18); } .cp-env-icon{ font-size: 16px; } .cp-tab-pill{ font-size: 11px; font-weight: 600; background: rgba(255, 255, 255, 0.18); padding: 2px 7px; border-radius: 999px; color: #cbd5e1; } .cp-env-tab:not(.active) .cp-tab-pill{ background: #cbd5e1; color: #475569; } .cp-packages-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 50px; } .cp-card{ background: #ffffff; border-radius: 18px; border: 1px solid #e2e8f0; padding: 30px; position: relative; display: flex; flex-direction: column; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03); transition: all 0.22s ease; } .cp-card:hover{ transform: translateY(-4px); box-shadow: 0 16px 36px rgba(15, 23, 42, 0.09); border-color: #cbd5e1; } .cp-card-featured{ border-color: #ff6a00; box-shadow: 0 10px 30px rgba(255, 106, 0, 0.12); } .cp-ribbon{ position: absolute; top: -12px; right: 24px; background: linear-gradient(135deg, #ff6a00, #ea580c); color: #ffffff; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; padding: 4px 12px; border-radius: 999px; box-shadow: 0 4px 10px rgba(234, 88, 12, 0.3); } .cp-tag-badge{ position: absolute; top: 20px; right: 24px; font-size: 11.5px; font-weight: 700; color: #64748b; background: #f1f5f9; padding: 3px 9px; border-radius: 6px; } .cp-card-head{ margin-bottom: 18px; } .cp-card-title{ font-size: 21px; font-weight: 800; color: #0f172a; margin: 0 0 10px; letter-spacing: -0.015em; } .cp-card-accounts{ display: flex; align-items: center; gap: 8px; margin-bottom: 12px; } .cp-acc-badge{ background: #fff7ed; color: #ea580c; border: 1px solid #fed7aa; font-size: 13px; font-weight: 800; padding: 3px 10px; border-radius: 8px; } .cp-acc-sub{ font-size: 12.5px; color: #64748b; font-weight: 500; } .cp-card-desc{ font-size: 13px; color: #64748b; margin: 0; line-height: 1.5; min-height: 40px; } .cp-card-pricing{ background: #f8fafc; border-radius: 12px; padding: 16px 18px; margin-bottom: 22px; border: 1px solid #f1f5f9; } .cp-price-row{ display: flex; align-items: baseline; gap: 2px; } .cp-currency{ font-size: 20px; font-weight: 700; color: #0f172a; } .cp-amount{ font-size: 32px; font-weight: 800; color: #0f172a; letter-spacing: -0.03em; } .cp-unit{ font-size: 14px; font-weight: 600; color: #64748b; margin-left: 4px; } .cp-price-sub{ display: flex; justify-content: space-between; margin-top: 4px; font-size: 11.5px; color: #94a3b8; } .cp-usd-hint{ font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; } .cp-features-list{ list-style: none; padding: 0; margin: 0 0 26px; flex-grow: 1; } .cp-features-list li{ display: flex; align-items: flex-start; gap: 10px; font-size: 13.5px; color: #334155; margin-bottom: 10px; line-height: 1.45; } .cp-check-icon{ width: 17px; height: 17px; color: #10b981; flex-shrink: 0; margin-top: 2px; } .cp-btn-buy{ width: 100%; background: #0f172a; color: #ffffff !important; padding: 13px 20px; border-radius: 10px; font-size: 13.5px; justify-content: space-between; } .cp-card-featured .cp-btn-buy{ background: linear-gradient(135deg, #ff6a00, #ea580c); box-shadow: 0 4px 14px rgba(234, 88, 12, 0.3); } .cp-btn-buy:hover{ background: #1e293b; transform: translateY(-1px); } .cp-card-featured .cp-btn-buy:hover{ background: linear-gradient(135deg, #f97316, #c2410c); } .cp-btn-arrow{ font-size: 16px; transition: transform 0.16s ease; } .cp-btn-buy:hover .cp-btn-arrow{ transform: translateX(4px); } .cp-verifier-section{ padding: 60px 0; background: #ffffff; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; } .cp-verifier-box{ display: grid; grid-template-columns: 1fr 1.1fr; gap: 40px; align-items: center; } .cp-vf-badge{ font-size: 11px; font-weight: 800; letter-spacing: 0.05em; color: #ff6a00; margin-bottom: 8px; } .cp-verifier-intro h3{ font-size: 28px; font-weight: 800; color: #0f172a; margin: 0 0 10px; letter-spacing: -0.02em; } .cp-verifier-intro p{ font-size: 15px; color: #64748b; margin: 0; line-height: 1.6; } .cp-input-group{ display: flex; gap: 10px; } .cp-input{ flex-grow: 1; padding: 12px 16px; font-size: 14.5px; border-radius: 10px; border: 1px solid #cbd5e1; outline: none; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; transition: all 0.16s ease; } .cp-input:focus{ border-color: #ff6a00; box-shadow: 0 0 0 3px rgba(255, 106, 0, 0.12); } .cp-verify-result{ margin-top: 16px; padding: 16px; border-radius: 12px; font-size: 13.5px; animation: cpFadeIn 0.25s ease; } @keyframes cpFadeIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } } .cp-res-success{ background: #f0fdf4; border: 1px solid #bbf7d0; color: #166534; } .cp-res-fail{ background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; } .cp-commands-section{ padding: 65px 0; background: #f8fafc; } .cp-commands-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .cp-cmd-card{ min-width: 0; background: #0f172a; color: #f8fafc; border-radius: 14px; padding: 20px; display: flex; flex-direction: column; } .cp-cmd-header{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; } .cp-cmd-title{ font-size: 13px; font-weight: 700; color: #cbd5e1; } .cp-cmd-copy{ background: rgba(255, 255, 255, 0.1); color: #ffffff; border: none; padding: 4px 10px; border-radius: 6px; font-size: 11.5px; font-weight: 600; cursor: pointer; transition: background 0.16s ease; } .cp-cmd-copy:hover{ background: rgba(255, 255, 255, 0.22); } .cp-cmd-code{ background: #020617; border-radius: 8px; padding: 12px 14px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; color: #38bdf8; margin: 0 0 10px; overflow-x: auto; white-space: pre-wrap; overflow-wrap: anywhere; border: 1px solid rgba(255, 255, 255, 0.05); } .cp-cmd-desc{ font-size: 12px; color: #94a3b8; line-height: 1.45; } .cp-matrix-section{ padding: 65px 0; background: #ffffff; border-top: 1px solid #e2e8f0; } .cp-table-responsive{ overflow-x: auto; border-radius: 14px; border: 1px solid #e2e8f0; } .cp-matrix-table{ width: 100%; border-collapse: collapse; text-align: left; font-size: 13.5px; } .cp-matrix-table th{ background: #f8fafc; padding: 16px 20px; font-weight: 700; color: #0f172a; border-bottom: 1px solid #e2e8f0; } .cp-matrix-table td{ padding: 14px 20px; border-bottom: 1px solid #f1f5f9; color: #334155; } .cp-matrix-table tbody tr:hover{ background: #f8fafc; } .cp-th-highlight{ background: #fff7ed !important; color: #ea580c !important; } .cp-yes{ color: #16a34a; font-weight: 700; } .cp-no{ color: #94a3b8; font-weight: 600; } .cp-faq-section{ padding: 65px 0 85px; background: #f8fafc; } .cp-faq-list{ max-width: 820px; margin: 0 auto; } .cp-faq-item{ background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; margin-bottom: 12px; overflow: hidden; transition: border-color 0.16s ease; } .cp-faq-item:hover{ border-color: #cbd5e1; } .cp-faq-question{ width: 100%; padding: 18px 22px; text-align: left; background: none; border: none; font-size: 15px; font-weight: 700; color: #0f172a; display: flex; justify-content: space-between; align-items: center; cursor: pointer; } .cp-faq-chevron{ font-size: 20px; color: #94a3b8; transition: transform 0.2s ease; } .cp-faq-answer{ padding: 0 22px 18px; font-size: 14px; color: #64748b; line-height: 1.6; display: none; } .cp-faq-item.active .cp-faq-answer{ display: block; } .cp-faq-item.active .cp-faq-chevron{ transform: rotate(45deg); color: #ff6a00; } .cp-modal-backdrop{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(15, 23, 42, 0.65); z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 20px; backdrop-filter: blur(4px); } .cp-modal-dialog{ width: 100%; max-width: 540px; background: #ffffff; border-radius: 18px; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); overflow: hidden; animation: cpModalIn 0.2s ease; } @keyframes cpModalIn { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); } } .cp-modal-header{ display: flex; justify-content: space-between; align-items: flex-start; padding: 24px 26px 18px; border-bottom: 1px solid #f1f5f9; } .cp-modal-title{ font-size: 20px; font-weight: 800; color: #0f172a; margin: 0 0 4px; } .cp-modal-sub{ font-size: 13px; color: #64748b; margin: 0; font-weight: 600; } .cp-modal-close{ background: none; border: none; font-size: 26px; color: #94a3b8; cursor: pointer; line-height: 1; padding: 0; } .cp-modal-close:hover{ color: #0f172a; } .cp-modal-body{ padding: 22px 26px; } .cp-form-group{ margin-bottom: 20px; } .cp-form-label{ display: block; font-size: 13.5px; font-weight: 700; color: #0f172a; margin-bottom: 6px; } .cp-label-hint{ font-size: 12px; font-weight: 400; color: #64748b; margin-left: 6px; } .cp-period-chips{ display: flex; gap: 8px; flex-wrap: wrap; } .cp-chip{ flex: 1; min-width: 90px; padding: 9px 12px; border-radius: 9px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 13px; font-weight: 600; color: #334155; cursor: pointer; text-align: center; transition: all 0.16s ease; } .cp-chip:hover{ border-color: #ff6a00; } .cp-chip.active{ background: #fff7ed; border-color: #ff6a00; color: #ea580c; box-shadow: 0 0 0 1px #ff6a00; } .cp-ip-input-wrap{ position: relative; display: flex; align-items: center; } .cp-ip-icon{ position: absolute; left: 14px; font-size: 16px; pointer-events: none; } .cp-ip-input-wrap .cp-input{ padding-left: 42px; font-size: 16px; font-weight: 600; } .cp-field-help{ display: block; font-size: 12px; color: #64748b; margin-top: 5px; } .cp-label-optional{ font-size: 12px; font-weight: 600; color: #64748b; } .cp-ip-info{ margin-top: 8px; padding: 10px 12px; border-radius: 10px; background: #eff6ff; border: 1px solid #bfdbfe; font-size: 12.5px; line-height: 1.55; color: #1e3a8a; } .cp-ip-info strong{ display: block; margin-bottom: 2px; color: #1e3a8a; } .cp-addon-box{ background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 14px 16px; margin-bottom: 20px; } .cp-addon-label{ display: flex; align-items: flex-start; gap: 12px; cursor: pointer; margin: 0; } .cp-addon-label input{ margin-top: 3px; width: 17px; height: 17px; } .cp-addon-label strong{ display: block; font-size: 13px; color: #0f172a; margin-bottom: 2px; } .cp-addon-label p{ font-size: 11.5px; color: #64748b; margin: 0; line-height: 1.4; } .cp-addon-price{ font-size: 13px; font-weight: 700; color: #0f172a; margin-left: auto; white-space: nowrap; } .cp-order-summary{ background: #f1f5f9; border-radius: 12px; padding: 14px 16px; font-size: 13px; } .cp-sum-row{ display: flex; justify-content: space-between; margin-bottom: 6px; color: #475569; } .cp-sum-total{ display: flex; justify-content: space-between; align-items: baseline; border-top: 1px dashed #cbd5e1; padding-top: 8px; margin-top: 8px; font-size: 14px; color: #0f172a; } .cp-sum-total strong{ font-size: 18px; color: #ff6a00; } .cp-modal-footer{ display: flex; justify-content: flex-end; gap: 10px; padding: 16px 26px; background: #f8fafc; border-top: 1px solid #f1f5f9; } @media (max-width: 992px) { .cp-hero-title{ font-size: 32px; } .cp-hero-highlights{ grid-template-columns: repeat(2, 1fr); } .cp-packages-grid{ grid-template-columns: 1fr; } .cp-verifier-box{ grid-template-columns: 1fr; } .cp-commands-grid{ grid-template-columns: minmax(0, 1fr); } } @media (max-width: 576px) { .cp-hero-highlights{ grid-template-columns: 1fr; } .cp-controls-bar{ flex-direction: column; align-items: stretch; } .cp-env-switcher{ flex-direction: column; } } .cpanel-v2-container [hidden],.cp-modal-backdrop[hidden]{ display: none !important; } .cp-hero-badge .cp-badge-text{ color: inherit; } .cp-price-note{ margin: 0; font-size: 13px; color: #64748b; } .cp-strong-blue{ color: #0284c7; } .cp-tag-badge ~ .cp-card-head .cp-card-title{ padding-right: 104px; } .cp-verify-detail{ margin-top: 6px; font-size: 12.5px; } .cp-verifier-intro h2{ font-size: 22px; font-weight: 800; margin: 10px 0 8px; color: inherit; } .dxcp{ background: #f5f7fb; padding: 28px 0 56px; } .dxcp-crumbs{ font-size: 13px; color: #64748b; margin-bottom: 18px; display: flex; flex-wrap: wrap; gap: 6px; } .dxcp-crumbs a{ color: #3174f1; } .dxcp-grid{ display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; align-items: start; } .dxcp-main,.dxcp-buy{ background: #fff; border: 1px solid #e5e9f0; border-radius: 16px; padding: 28px; } .dxcp-main h1{ margin: 10px 0 14px; font-size: clamp(24px, 3.4vw, 32px); font-weight: 800; color: #0f172a; letter-spacing: -.4px; } .dxcp-badge{ display: inline-block; padding: 5px 12px; border-radius: 999px; background: #e0e7ff; color: #3730a3; font-size: 11.5px; font-weight: 700; letter-spacing: .5px; } .dxcp-desc,.dxcp-rich{ font-size: 15px; line-height: 1.7; color: #334155; overflow-wrap: anywhere; } .dxcp-rich{ margin-top: 18px; } .dxcp-rich img{ max-width: 100%; height: auto; } .dxcp-rich table{ width: 100%; border-collapse: collapse; } .dxcp-rich td,.dxcp-rich th{ border: 1px solid #e5e9f0; padding: 8px; } .dxcp-buy{ position: sticky; top: 90px; display: flex; flex-direction: column; gap: 10px; } .dxcp-buy small{ font-size: 12px; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: .6px; } .dxcp-price{ font-size: 28px; font-weight: 800; color: #0f172a; } .dxcp-price span{ font-size: 13px; font-weight: 600; color: #64748b; } .dxcp-price-ask{ font-size: 22px; } .dxcp-options{ list-style: none; margin: 4px 0; padding: 0; border-top: 1px solid #eef1f6; } .dxcp-options li{ display: flex; justify-content: space-between; gap: 10px; padding: 8px 0; border-bottom: 1px solid #eef1f6; font-size: 14px; color: #334155; } .dxcp-btn{ display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 16px; border-radius: 10px; background: #1a5cd9; color: #fff; font-weight: 700; text-decoration: none; } .dxcp-btn:hover,.dxcp-btn:focus{ background: #3174f1; color: #fff; } .dxcp-btn-ghost{ background: #eef3ff; color: #1a5cd9; } .dxcp-btn-ghost:hover,.dxcp-btn-ghost:focus{ background: #dfe8ff; color: #1a5cd9; } .dxcp-note{ margin: 4px 0 0; font-size: 12px; color: #94a3b8; } @media (max-width: 991.98px) { .dxcp-grid{ grid-template-columns: 1fr; } .dxcp-buy{ position: static; } } @media (max-width: 575.98px) { .dxcp-main,.dxcp-buy{ padding: 20px; } } .sslorta{ margin-top: 28px; padding: 44px 40px 40px; border-radius: 22px; background: radial-gradient(90% 120% at 100% 0%, rgba(49, 116, 241, .35) 0%, rgba(49, 116, 241, 0) 60%), linear-gradient(135deg, #0b1224 0%, #16213e 100%); color: #fff; } .sslorta h2{ margin: 0 0 12px; padding: 0; font-size: clamp(24px, 3.6vw, 36px); font-weight: 800; line-height: 1.25; letter-spacing: -.4px; color: #fff; } .sslorta h2 span{ color: #4ade80; } .sslorta > p{ max-width: 680px; margin: 0 0 30px; font-size: 16px; line-height: 1.6; color: #cbd5e1; } .sslorta .ssl_main{ flex: 0 0 100%; max-width: 100%; display: grid; grid-template-columns: 1fr; column-gap: 16px; } .sslorta .mylibsss{ display: flex; align-items: center; gap: 12px; margin: 14px 0 0; padding: 18px 18px 8px; border: 1px solid rgba(255, 255, 255, .1); border-bottom: 0; border-radius: 14px 14px 0 0; background: rgba(255, 255, 255, .06); } .sslorta .mylibsss:first-child{ margin-top: 0; } .sslorta .ssl_main_content{ padding: 0 18px 18px; border: 1px solid rgba(255, 255, 255, .1); border-top: 0; border-radius: 0 0 14px 14px; background: rgba(255, 255, 255, .06); font-size: 13.5px; line-height: 1.6; color: #cbd5e1; } .sslorta .iconb{ display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 40px; height: 40px; padding: 0 !important; border-radius: 11px; background: rgba(74, 222, 128, .15); color: #4ade80; font: normal normal normal 18px/1 FontAwesome; } .sslorta .icon-user::before{ content: "\f0c0"; } .sslorta .icon-s-gplus::before{ content: "\f1a0"; } .sslorta .icon-search::before{ content: "\f0ac"; } .sslorta .icon-lock-1::before{ content: "\f023"; } .sslorta .iconc{ margin: 0; font-size: 15.5px; font-weight: 800; line-height: 1.3; color: #fff; } @media (min-width: 768px) { .sslorta .ssl_main{ grid-template-columns: repeat(2, 1fr); } .sslorta .ssl_main > :nth-child(1),.sslorta .ssl_main > :nth-child(2),.sslorta .ssl_main > :nth-child(5),.sslorta .ssl_main > :nth-child(6){ grid-column: 1; } .sslorta .ssl_main > :nth-child(3),.sslorta .ssl_main > :nth-child(4),.sslorta .ssl_main > :nth-child(7),.sslorta .ssl_main > :nth-child(8){ grid-column: 2; } .sslorta .ssl_main > :nth-child(1),.sslorta .ssl_main > :nth-child(3){ grid-row: 1; } .sslorta .ssl_main > :nth-child(2),.sslorta .ssl_main > :nth-child(4){ grid-row: 2; } .sslorta .ssl_main > :nth-child(5),.sslorta .ssl_main > :nth-child(7){ grid-row: 3; } .sslorta .ssl_main > :nth-child(6),.sslorta .ssl_main > :nth-child(8){ grid-row: 4; } .sslorta .mylibsss{ margin-top: 0; } .sslorta .ssl_main > :nth-child(5),.sslorta .ssl_main > :nth-child(7){ margin-top: 16px; } } @media (min-width: 1200px) { .sslorta .ssl_main{ grid-template-columns: repeat(4, 1fr); } .sslorta .ssl_main > :nth-child(odd){ grid-row: 1; margin-top: 0; } .sslorta .ssl_main > :nth-child(even){ grid-row: 2; } .sslorta .ssl_main > :nth-child(1),.sslorta .ssl_main > :nth-child(2){ grid-column: 1; } .sslorta .ssl_main > :nth-child(3),.sslorta .ssl_main > :nth-child(4){ grid-column: 2; } .sslorta .ssl_main > :nth-child(5),.sslorta .ssl_main > :nth-child(6){ grid-column: 3; } .sslorta .ssl_main > :nth-child(7),.sslorta .ssl_main > :nth-child(8){ grid-column: 4; } } .pricing-wrapper:has(.ssl-table-1){ margin: 0; padding: 36px 0 56px; font-family: inherit; overflow: visible; row-gap: 24px; } .ssl-table-1 .pricing,.ssl-table-2 .pricing{ height: 100%; border: 1px solid #e5e9f0; border-radius: 20px; background: #fff; box-shadow: 0 1px 3px rgba(15, 23, 42, .05); transition: box-shadow .2s, transform .2s; } .ssl-table-1 .pricing:hover,.ssl-table-2 .pricing:hover{ border-color: #e5e9f0; box-shadow: 0 16px 36px -16px rgba(15, 23, 42, .25); transform: translateY(-2px); cursor: default; } .ssl-table-2 .pricing,.ssl-table-2 .pricing:hover{ border: 2px solid #3174f1; } .ssl-table-2 .pricing::before{ content: "Önerilen"; position: absolute; top: -13px; left: 50%; transform: translateX(-50%); padding: 4px 14px; border-radius: 999px; background: #3174f1; color: #fff; font-size: 11.5px; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; } .ssl-table-1 .pricing table thead th,.ssl-table-2 .pricing table thead th{ padding: 30px 28px 6px; font-size: 18px; font-weight: 800; line-height: 1.35; color: #0f172a; } .ssl-table-1 .price-label,.ssl-table-2 .price-label,.ssl-table-1 .pricing:hover .price-label,.ssl-table-2 .pricing:hover .price-label{ position: static; width: auto; height: auto; margin: 0 0 10px; padding: 0; border-radius: 0; background: none; box-shadow: none; } .ssl-table-1 .price-label-price,.ssl-table-2 .price-label-price{ margin: 0; padding: 0; font-size: 34px; font-weight: 800; letter-spacing: -.5px; color: #0f172a; } .ssl-table-1 .price-label span,.ssl-table-2 .price-label span{ display: inline; margin-left: 4px; font-size: 14px; font-weight: 600; color: #64748b; } .ssl-table-1 .pricing table tbody td,.ssl-table-2 .pricing table tbody td{ padding: 0 28px; } .ssl-table-1 .rental-list,.ssl-table-2 .rental-list{ display: grid; grid-template-columns: 1fr auto; } .ssl-table-1 .rental-list br,.ssl-table-2 .rental-list br,.ssl-table-1 .rental-list .clearfix,.ssl-table-2 .rental-list .clearfix{ display: none; } .ssl-table-1 .ssl-image-logo,.ssl-table-2 .ssl-image-logo{ grid-column: 1 / -1; justify-self: center; width: 64px; height: auto; margin: 14px 0 18px; } .ssl-table-1 .rental-list span,.ssl-table-2 .rental-list span{ float: none; width: auto; height: auto; margin: 0; padding: 9px 0; border-bottom: 1px solid #eef2f6; font-size: 13.5px; line-height: 1.4; white-space: normal; } .ssl-table-1 .rental-list .property,.ssl-table-2 .rental-list .property{ text-align: left; color: #475569; } .ssl-table-1 .rental-list .value,.ssl-table-2 .rental-list .value{ padding-left: 12px; text-align: right; font-weight: 700; color: #0f172a; } .ssl-table-1 .rental-list span:nth-last-child(-n+3),.ssl-table-2 .rental-list span:nth-last-child(-n+3){ border-bottom: 0; } .ssl-table-1 .value i,.ssl-table-2 .value i{ display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; font-size: 0; font-style: normal; vertical-align: middle; } .ssl-table-1 .value i::before,.ssl-table-2 .value i::before{ font: normal normal normal 11px/1 FontAwesome; } .ssl-table-1 .value .icon-ok,.ssl-table-2 .value .icon-ok{ background: #dcfce7; color: #16a34a; } .ssl-table-1 .value .icon-ok::before,.ssl-table-2 .value .icon-ok::before{ content: "\f00c"; } .ssl-table-1 .value .icon-cancel,.ssl-table-2 .value .icon-cancel{ background: #f1f5f9; color: #94a3b8; } .ssl-table-1 .value .icon-cancel::before,.ssl-table-2 .value .icon-cancel::before{ content: "\f00d"; } .ssl-table-1 .pricing table tfoot td,.ssl-table-2 .pricing table tfoot td{ padding: 20px 28px 28px; } .ssl-table-1 .btn-navy,.ssl-table-2 .btn-navy{ display: flex; align-items: center; justify-content: center; width: 100%; height: 46px; padding: 0; border: 0; border-radius: 10px; background: #0f172a; color: #fff !important; font-size: 14.5px; font-weight: 800; letter-spacing: .4px; transition: background .2s; } .ssl-table-2 .btn-navy{ background: #3174f1; } .ssl-table-1 .btn-navy:hover,.ssl-table-2 .btn-navy:hover{ background: #1d4ed8 !important; } @media (max-width: 767px) { .sslorta{ width: auto; max-width: none; flex: 1 1 auto; margin: 16px 15px 0; padding: 28px 20px 22px; border-radius: 18px; } .ssl-table-1 .pricing,.ssl-table-2 .pricing{ margin-bottom: 8px; } .ssl-table-1 .pricing table thead th,.ssl-table-2 .pricing table thead th,.ssl-table-1 .pricing table tbody td,.ssl-table-2 .pricing table tbody td{ padding-left: 20px; padding-right: 20px; } } .commerce-package-one .h2baslik,.commerce-package-one .h2baslik h1,.commerce-package-one .h2baslik span,.table-packages thead .table-packages-price-title,.table-packages thead .table-packages-price-details,.table-packages thead .table-packages-price-details > span,.table-packages tbody td:first-child,.btn-sm-new,.commerce-package-one .double-items p,.faq-style-one .accrodion-grp .accrodion .accrodion-title h4,.faq-style-one .accrodion-grp .accrodion .accrodion-content .inner-new p,.block-title-new h2,.hero-content-left .namebaslik,.hero-content-left .leadbas,.wwi-block .block-title-new p,#commerce .nav-tabs > li > a,#commerce p,.package-submenu__flex--item .btn-new,.domain-pricing--cluster .domain-pricing__price,.domain-pricing--cluster .domain-pricing__currency,.domain-pricing-section-v3 .domain-pricing--cluster .domain-pricing__feature,.domain-pricing--cluster .domain-pricing__action,.bilgisor .bilgitit,.bilgisor .bilgidesc,.bilgibg .domain-title,.bilgibg .domain-desc,.domainlist li span,.domain-row input[type="text"].form-control,.domain-row select.form-control,.domain-row button[type="submit"],.parent-typed-text,.custom_domain h2,.custom_domain p,.what_included h1,.what_included li strong,.what_included li,.recent-list{ font-family: 'Nunito', sans-serif !important; } td.pricedet,td.maprice{ font-family: 'Nunito', sans-serif !important; font-size: 28px; font-weight: 800; letter-spacing: -.3px; color: #0f172a; white-space: nowrap; } td.pricedet small,td.maprice small{ font-family: inherit; font-size: .62em; font-weight: 800; color: inherit; } td.pricedet span,td.maprice span{ font-family: inherit; font-size: 14px; font-weight: 600; letter-spacing: 0; color: #64748b; } .dxbp .checkout_box_title{ gap: 10px; flex-wrap: wrap; } .dxbp-add{ display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 14px; border: 1px solid #cfdcf7; border-radius: 8px; background: #fff; color: #3174f1; font-size: 13px; font-weight: 700; cursor: pointer; } .dxbp-add:hover{ background: #f0f7ff; } .dxbp-hint{ margin: 0 0 10px; font-size: 13px; color: #64748b; } .dxbp-list{ display: flex; flex-direction: column; gap: 10px; } .dxbp-card{ display: flex; align-items: center; gap: 8px; min-width: 0; padding-right: 8px; border: 2px solid #e2e8f0; border-radius: 12px; background: #fff; transition: border-color .15s, box-shadow .15s; } .dxbp-card:hover{ border-color: #bfd3fb; } .dxbp-card.is-active{ border-color: #3174f1; box-shadow: 0 0 0 3px rgba(49, 116, 241, .12); background: #fbfdff; } .dxbp-pick{ flex: 1; display: flex; align-items: center; gap: 12px; min-width: 0; margin: 0; padding: 12px 8px 12px 16px; cursor: pointer; font-weight: 400; } .dxbp-pick input{ width: 18px; height: 18px; margin: 0; flex-shrink: 0; accent-color: #3174f1; } .dxbp-body{ display: flex; flex-direction: column; gap: 2px; min-width: 0; } .dxbp-title,.dxbp-addr{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dxbp-title{ font-size: 14.5px; font-weight: 700; color: #1e293b; } .dxbp-addr{ font-size: 13px; color: #64748b; } .dxbp-warn{ font-size: 12px; font-weight: 700; color: #b45309; } .dxbp-actions{ display: flex; flex-shrink: 0; gap: 2px; } .dxbp-link{ display: inline-flex; align-items: center; gap: 5px; min-height: 32px; padding: 0 8px; border: 0; border-radius: 6px; background: none; color: #3174f1; font-size: 12.5px; font-weight: 700; cursor: pointer; } .dxbp-link:hover{ background: #f0f7ff; } .dxbp-link.is-danger{ color: #b91c1c; } .dxbp-link.is-danger:hover{ background: #fef2f2; } .dxbp-link[disabled]{ opacity: .5; cursor: progress; } .dxbp-editor{ margin: 0; padding: 0; min-width: 0; border: 0; } .dxbp-editor.is-secondary{ margin-top: 16px; padding: 18px; border: 1px solid #dbe5f5; border-radius: 12px; background: #fbfdff; } .dxbp-legend{ width: auto; margin: 0 0 12px; font-size: 15px; font-weight: 800; color: #1e293b; } .dxbp-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; } .dxbp-f{ display: flex; flex-direction: column; gap: 6px; min-width: 0; } .dxbp-f.is-wide,.dxbp-grid > .is-wide{ grid-column: 1 / -1; } .dxbp-f > label,.dxbp-lbl{ margin: 0; font-size: 13.5px; font-weight: 700; color: #1e293b; } .dxbp-req{ color: #dc2626; } .dxbp .form-control-custom[aria-invalid="true"]{ border-color: #ef4444; } .dxbp .form-control-custom.is-valid{ border-color: #16a34a; } .dxbp-textarea{ height: 76px !important; resize: vertical; } .dxbp-phone{ display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 12px; } .dxbp-phone .dxbp-cc{ display: flex; align-items: center; height: 44px; padding: 0 14px; border: 1px solid #e2e8f0; border-radius: 8px; background: #f1f5f9; color: #64748b; font-size: 14px; font-weight: 600; } .dxbp-phone:has(.dxbp-cc[hidden]){ grid-template-columns: minmax(0, 1fr); } .dxbp .dx-addr-grid.is-compact{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; } .dxbp .dx-addr-grid.is-compact label{ font-size: 13.5px; font-weight: 700; color: #1e293b; } .dxbp select.is-waiting{ background-color: #f1f5f9; color: #94a3b8; } .dxbp-types{ display: grid; grid-template-columns: 1fr 1fr; gap: 0; } .dxbp-type{ display: flex; align-items: center; justify-content: center; min-height: 46px; margin: 0; border: 1px solid #d5dde8; background: #f4f5f7; color: #334155; font-size: 14.5px; font-weight: 600; cursor: pointer; transition: background .15s, border-color .15s; } .dxbp-type:first-child{ border-radius: 8px 0 0 8px; } .dxbp-type:last-child{ border-radius: 0 8px 8px 0; } .dxbp-type input{ position: absolute; opacity: 0; pointer-events: none; } .dxbp-type.is-active{ position: relative; border-color: #3174f1; background: #fff; color: #3174f1; font-weight: 700; } .dxbp-type:focus-within{ outline: 2px solid rgba(49, 116, 241, .45); outline-offset: 1px; } .dxbp-info{ display: flex; align-items: center; gap: 8px; margin: 0; padding: 10px 14px; border-radius: 8px; background: #eaf3fd; color: #334155; font-size: 13.5px; } .dxbp-info .fa{ color: #3174f1; } .dxbp-check-wrap{ justify-content: flex-end; } .dxbp-check{ display: flex; align-items: center; gap: 10px; min-height: 44px; margin: 0; font-size: 14px; font-weight: 600; color: #334155; cursor: pointer; } .dxbp-check input{ width: 20px; height: 20px; margin: 0; accent-color: #3174f1; } .dxbp-help{ display: block; font-size: 11.5px; color: #64748b; } .dxbp-help:empty{ display: none; } .dxbp-help.is-error{ color: #b91c1c; font-weight: 600; } .dxbp-editor-actions{ display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; margin-top: 16px; } .dxbp-status{ flex: 1; min-width: 180px; margin: 0; font-size: 13px; font-weight: 600; color: #047857; } .dxbp-status.is-error{ color: #b91c1c; } .dxbp-cancel{ min-height: 36px; padding: 0 14px; border: 1px solid #d5dde8; border-radius: 8px; background: #fff; color: #475569; font-size: 13.5px; font-weight: 700; cursor: pointer; } @media (max-width: 575.98px) { .dxbp-grid,.dxbp .dx-addr-grid.is-compact{ grid-template-columns: 1fr; } .dxbp-phone{ grid-template-columns: 76px minmax(0, 1fr); } .dxbp-editor.is-secondary{ padding: 12px; } .dxbp-link span{ display: none; } } .dxbp .dx-addr-grid.is-compact label .text-danger{ color: #dc2626 !important; } .dx3d-guard-note{ position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 2000; max-width: calc(100% - 32px); padding: 12px 18px; border-radius: 10px; background: #0f172a; color: #fff; font-size: 14px; font-weight: 600; box-shadow: 0 10px 30px -10px rgba(15, 23, 42, .6); } .dxbp-card.is-locked{ cursor: default; } .dxbp-card.is-locked .dxbp-pick{ cursor: default; } .dx-hp{ position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; } .dx-contact-status{ margin: 6px 0; font-size: 12px; line-height: 1.4; } .dx-contact-status:empty{ display: none; } .dx-contact-status.is-ok{ color: #047857; font-weight: 600; } .dx-contact-status.is-error{ color: #b91c1c; font-weight: 600; } @keyframes dxb-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } } .dx-vault-import-col{ padding: 8px 10px; border: 1px solid var(--acc-line); border-radius: 10px; background: #fff; } .dx-vault-import-col label{ display: block; margin-bottom: 4px; font-size: 12px; font-weight: 700; color: var(--acc-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dx-vault-import-col.is-skip{ background: #f8fafc; opacity: .7; } .btn-action.is-pay{ background: #16a34a; border-color: #16a34a; color: #fff !important; } .btn-action.is-pay:hover,.btn-action.is-pay:focus-visible{ background: #15803d; border-color: #15803d; color: #fff !important; } body.dxmk{ margin: 0; background: #f1f5f9; color: #1e293b; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 12px; line-height: 1.5; } .dxmk-toolbar{ position: sticky; top: 0; z-index: 2; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; padding: 10px 20px; background: #0f172a; color: #fff; } .dxmk-toolbar > div{ display: flex; flex-wrap: wrap; gap: 8px; } .dxmk-btn{ display: inline-block; padding: 8px 16px; border: 0; border-radius: 6px; background: #2563eb; color: #fff; font: 600 13px/1.2 inherit; text-decoration: none; cursor: pointer; } .dxmk-btn:hover{ background: #1d4ed8; color: #fff; } .dxmk-btn.is-ghost{ background: #475569; } .dxmk-sheet{ box-sizing: border-box; width: 210mm; max-width: calc(100% - 32px); min-height: 200mm; margin: 20px auto; padding: 16mm 15mm; background: #fff; border-radius: 6px; box-shadow: 0 4px 12px -4px rgba(15, 23, 42, .15); } .dxmk-head{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 2px solid #0f172a; } .dxmk-logo{ display: block; height: 34px; width: auto; margin-bottom: 8px; } .dxmk-company{ display: block; font-size: 13px; font-weight: 800; color: #0f172a; } .dxmk-head p{ margin: 2px 0 0; font-size: 10.5px; color: #64748b; } .dxmk-title{ text-align: right; } .dxmk-title h1{ margin: 0 0 6px; font-size: 20px; font-weight: 800; letter-spacing: .5px; color: #2563eb; } .dxmk-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; } .dxmk-box{ padding: 12px 14px; border: 1px solid #e2e8f0; border-radius: 8px; background: #f8fafc; } .dxmk-box h2{ margin: 0 0 8px; padding-bottom: 5px; border-bottom: 1px solid #cbd5e1; font-size: 11px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: #475569; } .dxmk-box dl{ display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 4px 10px; margin: 0; } .dxmk-box dt{ color: #64748b; } .dxmk-box dd{ margin: 0; font-weight: 600; color: #0f172a; word-break: break-word; } .dxmk-box dd.is-mono{ font-family: ui-monospace, monospace; font-size: 11px; font-weight: 500; } .dxmk-table{ width: 100%; border-collapse: collapse; margin-bottom: 8px; } .dxmk-table th{ padding: 8px 10px; background: #0f172a; color: #fff; font-weight: 600; text-align: left; } .dxmk-table td{ padding: 9px 10px; border-bottom: 1px solid #e2e8f0; } .dxmk-table .is-num{ text-align: right; white-space: nowrap; } .dxmk-table tfoot td{ background: #eff6ff; font-size: 13.5px; font-weight: 800; color: #0f172a; border-bottom: 2px solid #2563eb; } .dxmk-words{ margin: 0 0 16px; font-size: 11.5px; color: #334155; } .dxmk-words span{ font-weight: 700; } .dxmk-alert{ margin: 0 0 14px; padding: 10px 12px; border-left: 4px solid #f59e0b; border-radius: 0 6px 6px 0; background: #fffbeb; color: #92400e; font-size: 11.5px; } .dxmk-note{ margin: 0 0 24px; font-size: 10.5px; color: #64748b; } .dxmk-foot{ padding-top: 10px; border-top: 1px dashed #cbd5e1; font-size: 9.5px; color: #94a3b8; text-align: center; } @media (max-width: 640px) { .dxmk-sheet{ padding: 18px 16px; } .dxmk-grid{ grid-template-columns: 1fr; } .dxmk-title{ text-align: left; } .dxmk-box dl{ grid-template-columns: 1fr; } } @media print { @page { size: A4; margin: 12mm; } body.dxmk{ background: #fff; } .dxmk-toolbar{ display: none; } .dxmk-sheet{ width: auto; max-width: none; min-height: 0; margin: 0; padding: 0; border-radius: 0; box-shadow: none; } .dxmk-table th,.dxmk-table tfoot td,.dxmk-box{ -webkit-print-color-adjust: exact; print-color-adjust: exact; } } .admin-main .me-1{ margin-right: .25rem !important; } .admin-main .me-2{ margin-right: .5rem !important; } .admin-main .ms-0{ margin-left: 0 !important; } .admin-main .ms-1{ margin-left: .25rem !important; } .admin-main .ms-2{ margin-left: .5rem !important; } .admin-main .ms-3{ margin-left: 1rem !important; } .admin-main .ms-auto{ margin-left: auto !important; } .admin-main .gap-4{ gap: 1.5rem !important; } .admin-main select.form-select{ display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem 2rem .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: .25rem; -webkit-appearance: none; appearance: none; } .admin-main select.form-select[multiple],.admin-main select.form-select[size]:not([size="1"]){ height: auto; padding-right: .75rem; background-image: none; } .admin-main select.form-select:focus{ border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); } .dx-busy-overlay{ position: fixed; inset: 0; z-index: 3000; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(15, 23, 42, .45); backdrop-filter: blur(2px); cursor: progress; } .dx-busy-box{ display: flex; flex-direction: column; align-items: center; gap: 10px; max-width: 380px; padding: 26px 28px; border-radius: 14px; background: #fff; box-shadow: 0 24px 60px -20px rgba(15, 23, 42, .5); text-align: center; } .dx-busy-box strong{ font-size: 15.5px; font-weight: 800; color: #0f172a; } .dx-busy-box small{ font-size: 12.5px; color: #64748b; line-height: 1.5; } .dx-busy-spinner{ display: inline-block; width: 38px; height: 38px; border: 4px solid #dbeafe; border-top-color: #2563eb; border-radius: 50%; animation: dx-busy-spin .8s linear infinite; } .dx-busy-spinner.is-sm{ width: 14px; height: 14px; border-width: 2px; border-color: rgba(255, 255, 255, .45); border-top-color: #fff; vertical-align: -2px; } button[aria-busy="true"]{ cursor: progress; opacity: .85; } @keyframes dx-busy-spin { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .dx-busy-spinner{ animation-duration: 2.4s; } } .dxbp .form-control-custom.is-valid{ border-color: #16a34a; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2316a34a'/%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 16px 16px; background-position: right 12px center; padding-right: 38px; } .dxbp select.form-control-custom.is-valid{ background-position: right 34px center; padding-right: 58px; } .dxbp textarea.form-control-custom.is-valid{ background-position: right 12px top 12px; } .dxbp .form-control-custom.is-valid:focus{ border-color: #16a34a; box-shadow: 0 0 0 3px rgba(22, 163, 74, .15); } .btn-action.is-admin{ background: #7c3aed; border-color: #7c3aed; color: #fff !important; } .btn-action.is-admin:hover,.btn-action.is-admin:focus-visible{ background: #6d28d9; border-color: #6d28d9; color: #fff !important; } #dxAdmTickets{ --tk-blue: #2563eb; --tk-border: #e2e8f0; --tk-muted: #64748b; --tk-text: #0f172a; color: var(--tk-text); } #dxAdmTickets a:focus-visible,#dxAdmTickets button:focus-visible,#dxAdmTickets tr:focus-visible{ outline: 2px solid var(--tk-blue); outline-offset: 2px; } #dxAdmTickets .btn i{ margin-right: 5px; } .dxtk-head{ display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; } .dxtk-head h1{ margin: 0; font-size: 26px; font-weight: 800; color: #0f172a; letter-spacing: -.3px; } .dxtk-head p{ margin: 4px 0 0; font-size: 14.5px; color: #64748b; } .dxtk-primary{ display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 20px; border-radius: 10px; background: #2563eb; color: #fff !important; font-size: 15px; font-weight: 700; text-decoration: none !important; box-shadow: 0 6px 16px rgba(37, 99, 235, .25); } .dxtk-primary:hover{ background: #1d4ed8; } .dxtk-stats{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; } .dxtk-stat{ display: flex; align-items: center; gap: 16px; padding: 18px 20px; border: 1px solid var(--tk-border, #e2e8f0); border-radius: 14px; background: #fff; color: #334155; text-decoration: none !important; transition: box-shadow .15s ease, transform .15s ease, border-color .15s ease; } .dxtk-stat:hover{ transform: translateY(-1px); box-shadow: 0 8px 20px rgba(15, 23, 42, .07); } .dxtk-stat.is-active{ border-color: currentColor; box-shadow: 0 0 0 1px currentColor; } .dxtk-stat-icon{ flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 12px; font-size: 24px; } .dxtk-stat .dxtk-stat-label{ flex: 1; min-width: 0; font-size: 14px; font-weight: 600; color: #334155; } .dxtk-stat b{ display: block; margin-top: 2px; font-size: 26px; font-weight: 800; color: #0f172a; line-height: 1.1; } .dxtk-stat > .fa-angle-right{ color: #94a3b8; font-size: 20px; } .dxtk-stat.is-amber{ color: #d97706; } .dxtk-stat.is-amber .dxtk-stat-icon{ background: #fff7e6; } .dxtk-stat.is-blue{ color: #2563eb; } .dxtk-stat.is-blue .dxtk-stat-icon{ background: #eef4ff; } .dxtk-stat.is-red{ color: #dc2626; } .dxtk-stat.is-red .dxtk-stat-icon{ background: #fef2f2; } .dxtk-stat.is-green{ color: #059669; } .dxtk-stat.is-green .dxtk-stat-icon{ background: #ecfdf5; } .dxtk-tabs{ display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 14px; border-bottom: 1px solid var(--tk-border, #e2e8f0); } .dxtk-tab{ display: inline-flex; align-items: center; gap: 8px; margin-bottom: -1px; padding: 10px 16px; border-bottom: 2px solid transparent; font-size: 14.5px; font-weight: 600; color: #475569; text-decoration: none !important; } .dxtk-tab:hover{ color: #1d4ed8; } .dxtk-tab b{ min-width: 26px; padding: 2px 8px; border-radius: 999px; background: #f1f5f9; font-size: 12.5px; font-weight: 700; color: #334155; text-align: center; } .dxtk-tab.is-active{ border-bottom-color: #2563eb; color: #1d4ed8; } .dxtk-tab.is-active b{ background: #dbeafe; color: #1d4ed8; } .dxtk-tab.is-danger b{ background: #fee2e2; color: #b91c1c; } #dxAdmTickets .dxtk-list{ padding: 0; overflow: visible; } .dxtk-filters{ display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; padding: 16px; } .dxtk-search{ position: relative; flex: 1 1 320px; min-width: 220px; } .dxtk-search > i{ position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #64748b; } .dxtk-search input{ height: 42px; padding-left: 40px; border-radius: 8px; font-size: 14px; } .dxtk-select{ position: relative; flex: 0 1 150px; min-width: 128px; margin: 0; } .dxtk-select > span{ position: absolute; top: 4px; left: 11px; font-size: 10.5px; font-weight: 600; color: #64748b; pointer-events: none; } .dxtk-select select,.dxtk-select input{ height: 42px; padding: 15px 10px 2px; border-radius: 8px; font-size: 13px; font-weight: 600; color: #0f172a; } .dxtk-filter-actions{ display: flex; align-items: center; gap: 12px; margin-left: auto; } .dxtk-link{ display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none; font-size: 13.5px; font-weight: 600; color: #2563eb; white-space: nowrap; cursor: pointer; } .dxtk-link:hover{ text-decoration: underline; } .dxtk-advanced{ display: flex; flex-wrap: wrap; gap: 10px; width: 100%; padding-top: 2px; } .dxtk-advanced[hidden]{ display: none; } .dxtk-table-wrap{ position: relative; } .dxtk-table{ width: 100%; margin: 0; font-size: 13.5px; border-collapse: separate; border-spacing: 0; } .dxtk-table th{ position: sticky; top: 0; z-index: 1; padding: 11px 10px; border-top: 1px solid var(--tk-border, #e2e8f0); border-bottom: 1px solid var(--tk-border, #e2e8f0); background: #f8fafc; font-size: 12.5px; font-weight: 700; color: #334155; white-space: nowrap; text-align: left; } .dxtk-table th a{ color: inherit; text-decoration: none; } .dxtk-table th a.is-active{ color: #1d4ed8; } .dxtk-table td{ padding: 11px 10px; border-bottom: 1px solid #eef2f6; vertical-align: middle; } .dxtk-table tbody tr{ cursor: pointer; transition: background .1s ease; } .dxtk-table tbody tr:hover td{ background: #f8fbff; } .dxtk-table tbody tr.is-breached td{ background: #fff5f5; } .dxtk-table tbody tr.is-breached:hover td{ background: #ffeded; } .dxtk-table tbody tr.is-selected td{ background: #eff6ff; } .dxtk-table .dxtk-check{ width: 40px; padding-right: 0; } .dxtk-check input{ width: 16px; height: 16px; cursor: pointer; vertical-align: middle; } .dxtk-code{ font-weight: 700; color: #2563eb; white-space: nowrap; } .dxtk-subject{ display: block; max-width: 300px; font-weight: 700; color: #0f172a !important; text-decoration: none !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dxtk-sub{ display: block; margin-top: 3px; font-size: 12.5px; color: #64748b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 300px; } .dxtk-sub .fa{ width: 14px; margin-right: 4px; color: #94a3b8; } .dxtk-customer{ display: block; max-width: 220px; font-weight: 700; color: #0f172a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dxtk-table td[data-label="Müşteri"] .dxtk-sub{ max-width: 220px; } .dxtk-nowrap{ white-space: nowrap; } .dxtk-person{ display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; } .dxtk-avatar{ flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: #6366f1; color: #fff; font-size: 11.5px; font-weight: 800; letter-spacing: .3px; } .dxtk-avatar.is-lg{ width: 42px; height: 42px; font-size: 14px; } .dxtk-avatar.is-customer{ background: #dbeafe; color: #1d4ed8; } .dxtk-avatar.is-system{ background: #e2e8f0; color: #475569; } .dxtk-unassigned{ font-size: 12.5px; font-style: italic; color: #94a3b8; white-space: nowrap; } .dxtk-more{ width: 32px; height: 32px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #475569; } .dxtk-more:hover{ background: #f1f5f9; } .dxtk-more i{ margin: 0 !important; } .dxtk-table .dropdown-menu{ font-size: 13.5px; border-radius: 10px; border-color: #e2e8f0; box-shadow: 0 12px 28px rgba(15, 23, 42, .14); } .dxtk-table .dropdown-item i{ width: 18px; margin-right: 6px; color: #64748b; } .dxtk-badge{ display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border: 1px solid transparent; border-radius: 6px; font-size: 12px; font-weight: 700; line-height: 1.3; white-space: nowrap; vertical-align: middle; } .dxtk-badge i{ font-size: 11px; } .dxtk-badge.is-red{ background: #dc2626; color: #fff; } .dxtk-badge.is-orange{ background: #c2410c; color: #fff; } .dxtk-badge.is-slate{ background: #f1f5f9; border-color: #e2e8f0; color: #334155; } .dxtk-badge.is-teal{ background: #ecfdf5; border-color: #a7f3d0; color: #047857; } .dxtk-badge.is-blue{ background: #eff6ff; border-color: #bfdbfe; color: #1d4ed8; } .dxtk-badge.is-indigo{ background: #2563eb; color: #fff; } .dxtk-badge.is-amber{ background: #fef3c7; border-color: #fcd34d; color: #92400e; } .dxtk-badge.is-green{ background: #059669; color: #fff; } .dxtk-flag{ display: inline-flex; align-items: center; gap: 4px; margin-top: 4px; font-size: 11.5px; font-weight: 700; color: #b45309; white-space: nowrap; } .dxtk-sla{ display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; white-space: nowrap; } .dxtk-sla.is-breached{ color: #dc2626; } .dxtk-sla.is-risk{ color: #d97706; } .dxtk-sla.is-ok,.dxtk-sla.is-met{ color: #059669; } .dxtk-sla.is-missed{ color: #b45309; } .dxtk-sla.is-paused,.dxtk-sla.is-none{ color: #64748b; font-weight: 600; } .dxtk-sla-chip{ display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 8px; font-size: 13px; font-weight: 700; white-space: nowrap; } .dxtk-sla-chip.is-breached{ background: #fee2e2; color: #b91c1c; } .dxtk-sla-chip.is-risk{ background: #fef3c7; color: #92400e; } .dxtk-sla-chip.is-ok,.dxtk-sla-chip.is-met{ background: #ecfdf5; color: #047857; } .dxtk-sla-chip.is-missed{ background: #fff7ed; color: #9a3412; } .dxtk-sla-chip.is-paused,.dxtk-sla-chip.is-none{ background: #f1f5f9; color: #475569; } .dxtk-table-wrap.is-loading .dxtk-table{ opacity: .45; pointer-events: none; } .dxtk-table-wrap.is-loading::after{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: linear-gradient(90deg, transparent, #2563eb, transparent); background-size: 50% 100%; background-repeat: no-repeat; animation: dxtkLoad 1s linear infinite; } @keyframes dxtkLoad { from { background-position: -50% 0; } to { background-position: 150% 0; } } .dxtk-empty{ padding: 56px 16px; text-align: center; color: #64748b; } .dxtk-empty > i{ display: block; margin-bottom: 12px; font-size: 38px; color: #cbd5e1; } .dxtk-empty h3{ margin: 0 0 6px; font-size: 17px; font-weight: 800; color: #0f172a; } .dxtk-empty p{ margin: 0 0 14px; font-size: 14px; } .dxtk-pager{ display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 14px 16px; border-top: 1px solid var(--tk-border, #e2e8f0); font-size: 14px; color: #475569; } .dxtk-pager-right{ display: flex; align-items: center; gap: 14px; flex-wrap: wrap; } .dxtk-seg{ display: inline-flex; border: 1px solid #e2e8f0; border-radius: 8px; overflow: hidden; } .dxtk-seg a,.dxtk-seg span{ display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 36px; padding: 0 12px; border-left: 1px solid #e2e8f0; font-size: 13.5px; font-weight: 600; color: #334155; text-decoration: none !important; background: #fff; } .dxtk-seg > :first-child{ border-left: 0; } .dxtk-seg a:hover{ background: #f8fafc; } .dxtk-seg .is-active{ background: #eff6ff; color: #1d4ed8; } .dxtk-seg .is-current{ background: #2563eb; color: #fff; } .dxtk-seg .is-disabled{ color: #cbd5e1; cursor: not-allowed; } .dxtk-detail-head{ display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; } .dxtk-title{ flex: 0 1 auto; min-width: 220px; padding-left: 14px; border-left: 4px solid #2563eb; } .dxtk-title h1{ margin: 0; font-size: 24px; font-weight: 800; color: #0f172a; } .dxtk-title p{ margin: 2px 0 0; font-size: 16px; color: #334155; word-break: break-word; } .dxtk-head-badges{ display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .dxtk-owner{ display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 700; } .dxtk-owner small{ display: block; font-size: 12px; font-weight: 500; color: #64748b; } .dxtk-head-actions{ display: flex; align-items: center; gap: 8px; margin-left: auto; flex-wrap: wrap; } .dxtk-head-actions form{ margin: 0; } .dxtk-btn{ display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; color: #0f172a; font-size: 14px; font-weight: 700; text-decoration: none !important; cursor: pointer; } .dxtk-btn:hover{ background: #f8fafc; } .dxtk-btn.is-primary-outline{ border-color: #2563eb; color: #1d4ed8; } .dxtk-btn.is-primary-outline:hover{ background: #eff6ff; } .dxtk-btn.is-icon{ width: 40px; justify-content: center; padding: 0; } .dxtk-btn.is-danger{ width: 100%; justify-content: center; height: 46px; border-color: #ef4444; color: #dc2626; font-size: 15px; } .dxtk-btn.is-danger:hover{ background: #fef2f2; } .dxtk-btn i{ margin: 0 !important; } .dxtk-layout{ display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 18px; align-items: start; } .dxtk-card{ border: 1px solid var(--tk-border, #e2e8f0); border-radius: 14px; background: #fff; } .dxtk-card-head{ display: flex; align-items: center; gap: 10px; padding: 16px 18px 12px; } .dxtk-card-head h2{ margin: 0; font-size: 16px; font-weight: 800; color: #0f172a; } .dxtk-card-head p{ margin: 2px 0 0; font-size: 13px; color: #64748b; } .dxtk-card-head > i{ font-size: 18px; color: #2563eb; } .dxtk-card-body{ padding: 0 18px 16px; } .dxtk-side{ display: flex; flex-direction: column; gap: 14px; position: sticky; top: 16px; } .dxtk-convo{ display: flex; flex-direction: column; min-height: 0; } .dxtk-thread{ max-height: calc(100vh - 420px); min-height: 280px; overflow-y: auto; padding: 4px 18px 16px; border-top: 1px solid #eef2f6; scroll-behavior: smooth; } .dxtk-msg{ display: flex; gap: 14px; padding: 14px 0; } .dxtk-msg-main{ flex: 1; min-width: 0; } .dxtk-msg-meta{ display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin-bottom: 6px; font-size: 13px; color: #64748b; } .dxtk-msg-meta strong{ font-size: 14px; color: #0f172a; } .dxtk-msg-meta time{ margin-left: auto; white-space: nowrap; } .dxtk-role{ padding: 1px 8px; border-radius: 999px; background: #f1f5f9; font-size: 11.5px; font-weight: 700; color: #475569; } .dxtk-bubble{ padding: 12px 16px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; font-size: 14px; line-height: 1.6; color: #0f172a; white-space: pre-line; word-break: break-word; } .dxtk-msg.is-staff .dxtk-bubble{ background: #eff6ff; border-color: #bfdbfe; } .dxtk-msg.is-staff .dxtk-role{ background: #dbeafe; color: #1d4ed8; } .dxtk-msg.is-note .dxtk-bubble{ background: #fffbeb; border-color: #fcd34d; border-style: dashed; } .dxtk-msg.is-note .dxtk-role{ background: #fef3c7; color: #92400e; } .dxtk-source{ margin-bottom: 8px; font-size: 12.5px; } .dxtk-source summary{ display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font-weight: 700; color: #475569; } .dxtk-source pre{ margin: 6px 0 0; padding: 8px 10px; border-radius: 6px; background: #fff; border: 1px solid #e2e8f0; font-family: inherit; font-size: 12.5px; color: #475569; white-space: pre-wrap; } .dxtk-files{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; } .dxtk-file{ display: inline-flex; align-items: center; gap: 8px; max-width: 100%; padding: 6px 12px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; font-size: 13px; font-weight: 600; color: #0f172a !important; text-decoration: none !important; white-space: normal; } .dxtk-file:hover{ border-color: #2563eb; } .dxtk-file small{ font-weight: 500; color: #64748b; } .dxtk-event{ display: flex; align-items: center; gap: 10px; margin: 2px 0 2px 54px; padding: 7px 12px; border-radius: 8px; background: #f8fafc; font-size: 13px; color: #475569; } .dxtk-thread .dxtk-msg .dxtk-msg-main{ flex: 0 1 auto; max-width: min(78%, 760px); } .dxtk-thread .dxtk-msg.is-staff,.dxtk-thread .dxtk-msg.is-note{ flex-direction: row-reverse; } .dxtk-thread .dxtk-msg.is-staff .dxtk-msg-main,.dxtk-thread .dxtk-msg.is-note .dxtk-msg-main{ display: flex; flex-direction: column; align-items: flex-end; } .dxtk-thread .dxtk-msg.is-staff .dxtk-msg-meta,.dxtk-thread .dxtk-msg.is-note .dxtk-msg-meta{ flex-direction: row-reverse; } .dxtk-thread .dxtk-msg.is-staff .dxtk-msg-meta,.dxtk-thread .dxtk-msg.is-note .dxtk-msg-meta{ justify-content: flex-start; } .dxtk-thread .dxtk-msg.is-staff .dxtk-msg-meta time,.dxtk-thread .dxtk-msg.is-note .dxtk-msg-meta time{ margin: 0; } .dxtk-thread .dxtk-msg.is-customer .dxtk-msg-meta time{ margin-left: 4px; } .dxtk-thread .dxtk-msg.is-staff .dxtk-bubble,.dxtk-thread .dxtk-msg.is-note .dxtk-bubble{ border-top-right-radius: 3px; } .dxtk-thread .dxtk-msg.is-customer .dxtk-bubble{ border-top-left-radius: 3px; background: #fff; } .dxtk-thread .dxtk-msg.is-staff .dxtk-files,.dxtk-thread .dxtk-msg.is-note .dxtk-files{ justify-content: flex-end; } .dxtk-thread .dxtk-msg .dxtk-bubble{ max-width: 100%; } .dxtk-thread .dxtk-event{ width: fit-content; max-width: 90%; margin: 4px auto; padding: 5px 12px; border-radius: 999px; font-size: 12.5px; } .dxtk-thread .dxtk-event time{ margin-left: 10px; } @media (max-width: 640px) { .dxtk-thread .dxtk-msg .dxtk-msg-main{ max-width: 88%; } .dxtk-thread .dxtk-msg > .dxtk-avatar{ display: none; } } .dxtk-event i{ color: #64748b; } .dxtk-event time{ margin-left: auto; font-size: 12px; color: #94a3b8; white-space: nowrap; } .dxtk-composer{ border-top: 1px solid #e2e8f0; padding: 0 18px 16px; background: #fff; border-radius: 0 0 14px 14px; } .dxtk-composer-tabs{ display: flex; gap: 4px; margin-bottom: 10px; border-bottom: 1px solid #eef2f6; } .dxtk-composer-tabs label{ display: inline-flex; align-items: center; gap: 8px; margin: 0 0 -1px; padding: 12px 16px; border-bottom: 2px solid transparent; font-size: 14px; font-weight: 600; color: #475569; cursor: pointer; } .dxtk-composer-tabs input{ position: absolute; opacity: 0; pointer-events: none; } .dxtk-composer-tabs input:checked + span{ color: #1d4ed8; } .dxtk-composer-tabs label:has(input:checked){ border-bottom-color: #2563eb; color: #1d4ed8; } .dxtk-composer-tabs input:focus-visible + span{ outline: 2px solid #2563eb; outline-offset: 3px; } .dxtk-composer textarea{ min-height: 96px; border-radius: 10px; font-size: 14px; line-height: 1.55; resize: vertical; } .dxtk-composer.is-note textarea{ background: #fffdf5; border-color: #fcd34d; } .dxtk-composer-bar{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 10px; } .dxtk-composer-bar .dxtk-btn{ height: 38px; font-size: 13.5px; } .dxtk-composer-bar select{ width: auto; height: 38px; font-size: 13px; font-weight: 600; border-radius: 8px; } .dxtk-send{ margin-left: auto; display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 22px; border: 0; border-radius: 8px; background: #2563eb; color: #fff; font-size: 14px; font-weight: 700; } .dxtk-send:hover{ background: #1d4ed8; } .dxtk-send:disabled{ background: #93c5fd; cursor: not-allowed; } .dxtk-composer.is-note .dxtk-send{ background: #b45309; } .dxtk-chosen{ display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; font-size: 12.5px; color: #475569; } .dxtk-chosen span{ padding: 3px 8px; border-radius: 6px; background: #f1f5f9; } .dxtk-hint{ margin: 8px 0 0; font-size: 12.5px; color: #64748b; } .dxtk-hint.is-warn{ color: #b45309; } .dxtk-dl{ display: grid; grid-template-columns: 118px minmax(0, 1fr); gap: 10px 12px; margin: 0; font-size: 14px; } .dxtk-dl dt{ font-weight: 500; color: #64748b; } .dxtk-dl dd{ margin: 0; font-weight: 600; color: #0f172a; word-break: break-word; } .dxtk-dl dd a{ color: #2563eb; } .dxtk-inline-form{ display: flex; gap: 6px; margin: 0; } .dxtk-inline-form select,.dxtk-inline-form input{ height: 34px; padding: 4px 8px; font-size: 13px; border-radius: 7px; } .dxtk-tags{ display: flex; flex-wrap: wrap; gap: 6px; align-items: center; } .dxtk-tag{ padding: 3px 10px; border-radius: 999px; background: #e0ecff; font-size: 12.5px; font-weight: 700; color: #1d4ed8; } .dxtk-block-link{ display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 14px; height: 40px; border: 1px solid #2563eb; border-radius: 8px; font-size: 14px; font-weight: 700; color: #1d4ed8 !important; text-decoration: none !important; } .dxtk-block-link:hover{ background: #eff6ff; } .dxtk-acc{ border-top: 1px solid #eef2f6; } .dxtk-acc:first-of-type{ border-top: 0; } .dxtk-acc summary{ display: flex; align-items: center; gap: 10px; padding: 12px 18px; font-size: 14px; font-weight: 600; color: #0f172a; cursor: pointer; list-style: none; } .dxtk-acc summary::-webkit-details-marker{ display: none; } .dxtk-acc summary::after{ content: "\f107"; margin-left: auto; font-family: FontAwesome; color: #64748b; transition: transform .15s ease; } .dxtk-acc[open] summary::after{ transform: rotate(180deg); } .dxtk-acc summary i{ width: 18px; color: #475569; } .dxtk-acc summary b{ padding: 1px 8px; border-radius: 999px; background: #eef2ff; font-size: 12px; color: #4338ca; } .dxtk-acc-body{ padding: 0 18px 16px; font-size: 13.5px; } .dxtk-mini-list{ list-style: none; margin: 0; padding: 0; } .dxtk-mini-list li{ display: flex; align-items: center; gap: 8px; padding: 8px 0; border-bottom: 1px solid #f1f5f9; } .dxtk-mini-list li:last-child{ border-bottom: 0; } .dxtk-mini-list a{ flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: #0f172a; } .dxtk-mini-list small{ color: #64748b; white-space: nowrap; } .dxtk-apm-items li{ align-items: flex-start; } .dxtk-apm-items .dxtk-apm-no{ flex-shrink: 0; width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #e2e8f0; font-size: 11.5px; font-weight: 800; color: #475569; } .dxtk-apm-items li.is-done .dxtk-apm-no{ background: #059669; color: #fff; } .dxtk-apm-items li.is-working .dxtk-apm-no{ background: #2563eb; color: #fff; } .dxtk-apm-items .dxtk-apm-body{ flex: 1; min-width: 0; } .dxtk-progress{ height: 6px; margin: 6px 0 10px; border-radius: 3px; background: #e2e8f0; overflow: hidden; } .dxtk-progress span{ display: block; height: 100%; background: #4f46e5; } .dxtk-form{ max-width: 920px; padding: 22px; } .dxtk-form-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; } .dxtk-form label{ font-size: 13px; font-weight: 700; color: #334155; } .dxtk-customer-results{ position: absolute; z-index: 20; left: 0; right: 0; top: 100%; margin-top: 4px; max-height: 280px; overflow-y: auto; border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; box-shadow: 0 12px 28px rgba(15, 23, 42, .14); } .dxtk-customer-results[hidden]{ display: none; } .dxtk-customer-results button{ display: block; width: 100%; padding: 9px 12px; border: 0; border-bottom: 1px solid #f1f5f9; background: #fff; text-align: left; font-size: 13.5px; } .dxtk-customer-results button:hover,.dxtk-customer-results button:focus{ background: #f5f9ff; } .dxtk-customer-results small{ display: block; color: #64748b; } .dxtk-picked{ display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #bfdbfe; border-radius: 10px; background: #f5f9ff; font-size: 14px; } .dxtk-picked[hidden]{ display: none; } @media (max-width: 1399px) { .dxtk-layout{ grid-template-columns: minmax(0, 1fr) 360px; } } @media (max-width: 1199px) { .dxtk-stats{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .dxtk-layout{ grid-template-columns: 1fr; } .dxtk-side{ position: static; } .dxtk-thread{ max-height: none; } .dxtk-head-actions{ margin-left: 0; } } @media (max-width: 767px) { .dxtk-head h1{ font-size: 22px; } .dxtk-stat{ padding: 14px; gap: 12px; } .dxtk-stat-icon{ width: 42px; height: 42px; font-size: 19px; } .dxtk-stat b{ font-size: 22px; } .dxtk-tabs{ flex-wrap: nowrap; overflow-x: auto; } .dxtk-tab{ white-space: nowrap; } .dxtk-select{ flex: 1 1 45%; } .dxtk-filter-actions{ margin-left: 0; } .dxtk-table thead{ display: none; } .dxtk-table,.dxtk-table tbody,.dxtk-table tr,.dxtk-table td{ display: block; width: 100%; } .dxtk-table tr{ position: relative; padding: 12px 12px 12px 44px; border-bottom: 1px solid #e2e8f0; } .dxtk-table td{ padding: 3px 0; border: 0; } .dxtk-table td.dxtk-check{ position: absolute; left: 12px; top: 14px; width: auto; } .dxtk-table td[data-label]::before{ content: attr(data-label) ": "; font-size: 12px; font-weight: 600; color: #64748b; } .dxtk-table td.dxtk-actions{ position: absolute; right: 8px; top: 8px; width: auto; } .dxtk-subject,.dxtk-sub{ max-width: 100%; white-space: normal; } .dxtk-dl{ grid-template-columns: 104px minmax(0, 1fr); } .dxtk-msg{ gap: 10px; } .dxtk-msg > .dxtk-avatar{ display: none; } .dxtk-event{ margin-left: 0; } .dxtk-form-grid{ grid-template-columns: 1fr; } .dxtk-send{ width: 100%; justify-content: center; margin-left: 0; } } .dxtk-card-head > i.is-green{ color: #059669; } .dxtk-grow{ flex: 1; min-width: 0; } .dxtk-btn-row{ display: flex; flex-wrap: wrap; gap: 6px; } .dxtk-form-actions{ display: flex; justify-content: flex-end; gap: 8px; } #dxTicket .dxt-note{ background: #f1f5f9; color: #334155; } #dxTicket .dxt-note.is-info{ margin-bottom: 18px; background: var(--primary-light); color: #1e3a8a; } #dxTicket .dxt-note.is-warning{ background: var(--warning-light); color: #92400e; } #dxTicket .dxt-note.is-success{ background: var(--success-light); color: #065f46; } #dxTicket .dxt-error{ margin-top: 6px; font-size: 13px; font-weight: 600; color: #b91c1c; } .dx-rte{ border: 1px solid #cbd5e1; border-radius: 10px; background: #fff; transition: border-color .15s ease, box-shadow .15s ease; } .dx-rte.is-focus{ border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37, 99, 235, .15); } .dx-rte.is-invalid{ border-color: #dc2626; box-shadow: 0 0 0 3px rgba(220, 38, 38, .12); } .dx-rte.is-note{ background: #fffdf5; border-color: #fcd34d; } .dx-rte-bar{ display: flex; flex-wrap: wrap; align-items: center; gap: 2px; padding: 5px 6px; border-bottom: 1px solid #e2e8f0; border-radius: 10px 10px 0 0; background: #f8fafc; } .dx-rte.is-note .dx-rte-bar{ background: #fef9e7; border-bottom-color: #fde68a; } .dx-rte-btn{ display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 30px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: #334155; font-size: 13px; cursor: pointer; } .dx-rte-btn:hover{ background: #e2e8f0; color: #0f172a; } .dx-rte-btn:focus-visible{ outline: 2px solid #2563eb; outline-offset: 1px; } .dx-rte-btn.is-on{ background: #dbeafe; color: #1d4ed8; } .dx-rte-sep{ width: 1px; height: 18px; margin: 0 4px; background: #cbd5e1; } .dx-rte-status{ margin-left: auto; padding: 0 6px; font-size: 12px; font-weight: 600; color: #b45309; } .dx-rte .dx-rte-area{ position: relative; min-height: 150px; max-height: 420px; height: auto; overflow-y: auto; padding: 10px 14px; border: 0; border-radius: 0 0 10px 10px; background: transparent; box-shadow: none !important; font-size: 14.5px; line-height: 1.6; color: #0f172a; white-space: normal; word-break: break-word; resize: vertical; outline: none; } .dx-rte.is-empty .dx-rte-area::before{ content: attr(data-placeholder); position: absolute; color: #94a3b8; pointer-events: none; } .dx-rte-area p,.dxtk-bubble.is-rich p{ margin: 0 0 .7em; } .dx-rte-area ul,.dx-rte-area ol,.dxtk-bubble.is-rich ul,.dxtk-bubble.is-rich ol{ margin: 0 0 .7em; padding-left: 1.4em; } .dx-rte-area blockquote,.dxtk-bubble.is-rich blockquote{ margin: 0 0 .7em; padding: 4px 12px; border-left: 3px solid #93c5fd; background: rgba(148, 163, 184, .1); color: #334155; } .dx-rte-area a,.dxtk-bubble.is-rich a{ color: #1d4ed8; text-decoration: underline; } .dx-rte-area code,.dxtk-bubble.is-rich code{ padding: 1px 5px; border-radius: 4px; background: #f1f5f9; font-size: 13px; } .dxtk-bubble.is-rich{ white-space: normal; } .dxtk-bubble.is-rich > :last-child{ margin-bottom: 0; } .dxt-cust-opt{ display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px 12px; border: 0; border-bottom: 1px solid #f1f5f9; background: #fff; text-align: left; cursor: pointer; } .dxt-cust-opt:last-child{ border-bottom: 0; } .dxt-cust-opt:hover,.dxt-cust-opt.is-active{ background: #f5f9ff; } .dxt-cust-avatar{ display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%; background: #e0e7ff; color: #3730a3; font-size: 13px; font-weight: 800; } .dxt-cust-avatar.is-lg{ width: 44px; height: 44px; font-size: 15px; background: #2563eb; color: #fff; } .dxt-cust-body{ flex: 1; min-width: 0; line-height: 1.35; } .dxt-cust-body strong{ display: flex; align-items: center; gap: 6px; font-size: 14px; color: #0f172a; } .dxt-cust-company{ display: block; font-size: 12.5px; font-weight: 600; color: #475569; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dxt-cust-body small{ display: flex; flex-wrap: wrap; gap: 2px 12px; margin-top: 2px; font-size: 12px; color: #64748b; overflow-wrap: anywhere; } .dxt-cust-body small .fa{ color: #94a3b8; } .dxt-cust-meta{ flex-shrink: 0; padding: 3px 9px; border-radius: 999px; background: #f1f5f9; font-size: 11.5px; font-weight: 700; color: #475569; white-space: nowrap; } .dxt-cust-flag{ padding: 1px 7px; border-radius: 999px; background: #fef3c7; font-size: 10.5px; font-style: normal; font-weight: 700; color: #92400e; } .dxt-cust-msg{ padding: 12px 14px; font-size: 13px; color: #64748b; } .dxt-cust-msg.is-error{ color: #b91c1c; } .dxt-cust-change{ flex-shrink: 0; min-height: 34px; padding: 0 14px; border: 1px solid #bfdbfe; border-radius: 8px; background: #fff; font-size: 13px; font-weight: 700; color: #1d4ed8; cursor: pointer; } .dxt-cust-change:hover{ background: #eff6ff; } @media (max-width: 640px) { .dxt-cust-meta{ display: none; } .dxt-cust-change{ width: 100%; } } .dxc-empty{ padding: 14px; border-radius: 10px; background: #f8fafc; text-align: center; color: #64748b; } .dxc-empty > .fa{ font-size: 22px; } .dxc-empty p{ margin: 6px 0 2px; font-size: 13.5px; font-weight: 600; color: #334155; } .dxc-empty small{ font-size: 12px; } :is(#dxTicket, #dxAdmTicket) [hidden]{ display: none !important; } :is(#dxTicket, #dxAdmTicket) .dxt-note.is-error{ background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; } :is(#dxTicket, #dxAdmTicket) .dxt-note.is-error ul{ margin: 4px 0 0; padding-left: 18px; } :is(#dxTicket, #dxAdmTicket) .dxt-up{ margin-top: 2px; } :is(#dxTicket, #dxAdmTicket) .dxt-up-zone{ padding: 14px; border: 1.5px dashed #cbd5e1; border-radius: 12px; background: #f8fafc; transition: border-color .15s ease, background-color .15s ease; } :is(#dxTicket, #dxAdmTicket) .dxt-up-zone.is-over{ border-color: var(--primary); background: var(--primary-light); } :is(#dxTicket, #dxAdmTicket) .dxt-up-buttons{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } :is(#dxTicket, #dxAdmTicket) .dxt-up-btn{ position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 42px; margin: 0; padding: 0 16px; border: 1px solid var(--border); border-radius: 10px; background: #fff; font-size: 13.5px; font-weight: 700; color: var(--text-main); cursor: pointer; } :is(#dxTicket, #dxAdmTicket) .dxt-up-btn:hover{ border-color: var(--primary); color: var(--primary); } :is(#dxTicket, #dxAdmTicket) .dxt-up-btn:focus-within{ outline: 3px solid rgba(37, 99, 235, .45); outline-offset: 2px; } :is(#dxTicket, #dxAdmTicket) .dxt-up-btn input{ position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; } :is(#dxTicket, #dxAdmTicket) .dxt-up-btn .fa{ color: var(--primary); } :is(#dxTicket, #dxAdmTicket) .dxt-up-btn.is-camera,:is(#dxTicket, #dxAdmTicket) .dxt-up-touch{ display: none; } :is(#dxTicket, #dxAdmTicket) .dxt-up-drop-hint{ font-size: 12.5px; color: var(--text-muted); } :is(#dxTicket, #dxAdmTicket) .dxt-up-hint{ margin: 10px 0 0; font-size: 12px; line-height: 1.5; color: var(--text-muted); } :is(#dxTicket, #dxAdmTicket) .dxt-up-list{ display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; } :is(#dxTicket, #dxAdmTicket) .dxt-up.has-files .dxt-up-list{ margin-top: 10px; } :is(#dxTicket, #dxAdmTicket) .dxt-up-item{ display: flex; align-items: center; gap: 10px; padding: 8px; border: 1px solid var(--border); border-radius: 10px; background: #fff; } :is(#dxTicket, #dxAdmTicket) .dxt-up-thumb{ display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 46px; height: 46px; border-radius: 8px; background: #eef2f7; color: #475569; font-size: 20px; overflow: hidden; } :is(#dxTicket, #dxAdmTicket) .dxt-up-thumb img{ width: 100%; height: 100%; object-fit: cover; } :is(#dxTicket, #dxAdmTicket) .dxt-up-thumb .fa-play-circle{ color: #fff; } :is(#dxTicket, #dxAdmTicket) .dxt-up-thumb:has(.fa-play-circle){ background: #1e293b; } :is(#dxTicket, #dxAdmTicket) .dxt-up-info{ flex: 1; min-width: 0; line-height: 1.3; } :is(#dxTicket, #dxAdmTicket) .dxt-up-info strong{ display: block; font-size: 13px; color: var(--text-main); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } :is(#dxTicket, #dxAdmTicket) .dxt-up-info small{ font-size: 12px; color: var(--text-muted); } :is(#dxTicket, #dxAdmTicket) .dxt-up-remove{ display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 34px; height: 34px; border: 0; border-radius: 8px; background: transparent; color: #94a3b8; cursor: pointer; } :is(#dxTicket, #dxAdmTicket) .dxt-up-remove:hover{ background: #fef2f2; color: #dc2626; } :is(#dxTicket, #dxAdmTicket) .dxt-progress-up-bar{ height: 8px; border-radius: 4px; background: #e2e8f0; overflow: hidden; } :is(#dxTicket, #dxAdmTicket) .dxt-progress-up-bar span{ display: block; width: 0; height: 100%; border-radius: 4px; background: linear-gradient(90deg, var(--primary), #22c55e); transition: width .2s ease; } @media (hover: none) and (pointer: coarse) { :is(#dxTicket, #dxAdmTicket) .dxt-up-btn.is-camera{ display: inline-flex; } :is(#dxTicket, #dxAdmTicket) .dxt-up-touch{ display: inline; } :is(#dxTicket, #dxAdmTicket) .dxt-up-desk,:is(#dxTicket, #dxAdmTicket) .dxt-up-drop-hint{ display: none; } } @media (max-width: 640px) { :is(#dxTicket, #dxAdmTicket) .dxt-up-buttons{ display: grid; grid-template-columns: 1fr 1fr; } :is(#dxTicket, #dxAdmTicket) .dxt-up-btn.is-main{ grid-column: 1 / -1; } :is(#dxTicket, #dxAdmTicket) .dxt-up-list{ grid-template-columns: 1fr; } #dxTicket .form-input,#dxTicket .form-select{ font-size: 16px; } } .dxtk-table tr.is-unread .dxtk-subject{ color: #1d4ed8 !important; } .dxtk-unread{ display: inline-block; width: 9px; height: 9px; margin-left: 6px; border-radius: 50%; background: #2563eb; vertical-align: 1px; box-shadow: 0 0 0 3px #dbeafe; } .dxtk-head-actions .dxtk-btn i,.dxtk-head .dxtk-btn i{ margin-right: 4px !important; } .dxtk-notice{ display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; margin-bottom: 14px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; font-size: 13.5px; color: #334155; } .dxtk-notice > i{ margin-top: 2px; } .dxtk-notice.is-warn{ border-color: #fcd34d; background: #fffbeb; color: #78350f; } .dxtk-notice.is-error{ border-color: #fecaca; background: #fef2f2; color: #991b1b; } .dxtk-notice.is-info{ border-color: #bfdbfe; background: #eff6ff; color: #1e3a8a; } .dxtk-mail-head{ grid-template-columns: 96px minmax(0, 1fr); font-size: 13.5px; } .dxtk-mail-tabs{ display: flex; gap: 4px; padding: 0 18px; border-bottom: 1px solid #eef2f6; } .dxtk-mail-tabs button{ margin-bottom: -1px; padding: 10px 14px; border: 0; border-bottom: 2px solid transparent; background: none; font-size: 13.5px; font-weight: 600; color: #475569; } .dxtk-mail-tabs button.is-active{ border-bottom-color: #2563eb; color: #1d4ed8; } .dxtk-mail-view{ padding: 16px 18px; } .dxtk-mail-view[hidden]{ display: none; } .dxtk-mail-view .dxtk-bubble{ max-height: 560px; overflow-y: auto; background: #fff; } .dxtk-mail-frame{ width: 100%; height: 560px; border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; } .dxtk-raw{ max-height: 320px; overflow: auto; margin: 10px 0 0; padding: 10px 12px; border: 1px solid #e2e8f0; border-radius: 8px; background: #f8fafc; font-size: 12px; white-space: pre-wrap; word-break: break-all; } .dxtk-candidates{ display: flex; flex-direction: column; gap: 6px; } .dxtk-outcome-row{ display: flex; gap: 10px; align-items: flex-start; margin: 0; padding: 8px 10px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 13.5px; cursor: pointer; } .dxtk-outcome-row:has(input:checked){ border-color: #2563eb; background: #f5f9ff; } .dxtk-outcome-row input{ margin-top: 4px; } .dxtk-filter-row{ display: grid; grid-template-columns: 170px 120px minmax(160px, 1fr) 170px minmax(140px, 1fr) auto; gap: 8px; margin-bottom: 8px; } .dxtk-table tr.is-unread .dxtk-badge i{ font-size: 7px; } @media (max-width: 991px) { .dxtk-filter-row{ grid-template-columns: 1fr 1fr; } } .dxtk-incoming{ margin-bottom: 18px; padding: 16px 18px; border: 2px solid #f59e0b; border-radius: 14px; background: #fffbeb; } .dxtk-incoming.is-pulsing{ animation: dxtkPulseBorder 1.6s ease-in-out infinite; } @keyframes dxtkPulseBorder { 0%, 100% { box-shadow: 0 0 0 0 rgba(245, 158, 11, .55); border-color: #f59e0b; } 50% { box-shadow: 0 0 0 8px rgba(245, 158, 11, 0); border-color: #fbbf24; } } .dxtk-incoming-head{ display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 12px; } .dxtk-incoming-icon{ flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: #f59e0b; color: #fff; font-size: 20px; } .dxtk-incoming.is-pulsing .dxtk-incoming-icon{ animation: dxtkBlink 1.6s ease-in-out infinite; } @keyframes dxtkBlink { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .55; transform: scale(.94); } } .dxtk-incoming-head h2{ margin: 0; font-size: 17px; font-weight: 800; color: #78350f; } .dxtk-incoming-head h2 b{ display: inline-block; min-width: 28px; margin-left: 6px; padding: 1px 9px; border-radius: 999px; background: #dc2626; color: #fff; font-size: 14px; text-align: center; } .dxtk-incoming-head p{ margin: 2px 0 0; font-size: 13.5px; color: #92400e; } .dxtk-incoming-links{ display: flex; gap: 14px; flex-wrap: wrap; font-size: 13px; font-weight: 600; } .dxtk-incoming-links a{ color: #92400e; text-decoration: underline; } .dxtk-incoming-list{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; } .dxtk-incoming-item{ display: grid; grid-template-columns: 14px minmax(160px, 220px) minmax(0, 1fr) auto 110px auto; align-items: center; gap: 12px; width: 100%; padding: 10px 14px; border: 1px solid #fde68a; border-radius: 10px; background: #fff; text-align: left; color: #0f172a; cursor: pointer; transition: border-color .15s ease, box-shadow .15s ease; } .dxtk-incoming-item:hover,.dxtk-incoming-item:focus-visible{ border-color: #f59e0b; box-shadow: 0 4px 14px rgba(146, 64, 14, .12); outline: none; } .dxtk-incoming-dot{ width: 10px; height: 10px; border-radius: 50%; background: #cbd5e1; } .dxtk-incoming-item.is-new .dxtk-incoming-dot{ background: #dc2626; animation: dxtkBlink 1.2s ease-in-out infinite; } .dxtk-incoming-from,.dxtk-incoming-subject{ min-width: 0; } .dxtk-incoming-from strong,.dxtk-incoming-subject strong{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13.5px; } .dxtk-incoming-item.is-new .dxtk-incoming-subject strong{ font-weight: 800; } .dxtk-incoming-from small,.dxtk-incoming-subject small{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12.5px; color: #64748b; } .dxtk-incoming-time{ font-size: 12.5px; color: #64748b; white-space: nowrap; text-align: right; } .dxtk-incoming-cta{ padding: 6px 12px; border-radius: 8px; background: #2563eb; color: #fff; font-size: 13px; font-weight: 700; white-space: nowrap; } .dxtk-incoming-more{ display: inline-block; margin-top: 10px; font-size: 13px; font-weight: 700; color: #92400e; } .dxtk-drawer{ width: 560px; padding: 20px 20px 28px; background: #f8fafc; } .dxtk-quick-head{ padding-right: 36px; margin-bottom: 12px; } .dxtk-quick-head h2{ margin: 0 0 4px; font-size: 18px; font-weight: 800; color: #0f172a; word-break: break-word; } .dxtk-quick-head p{ margin: 0; font-size: 13px; color: #64748b; } .dxtk-quick-body{ max-height: 300px; overflow-y: auto; margin-bottom: 12px; background: #fff; } .dxtk-quick .dxtk-card{ margin-bottom: 12px; } .dxtk-quick .dxtk-form-grid{ grid-template-columns: 1fr 1fr; } @keyframes dxtkBadgePulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, .7); } 50% { box-shadow: 0 0 0 6px rgba(220, 38, 38, 0); } } @media (max-width: 991px) { .dxtk-incoming-item{ grid-template-columns: 12px minmax(0, 1fr) auto; } .dxtk-incoming-subject{ grid-column: 2 / -1; } .dxtk-incoming-time,.dxtk-incoming-cta{ display: none; } } @media (prefers-reduced-motion: reduce) { .dxtk-incoming.is-pulsing,.dxtk-incoming.is-pulsing .dxtk-incoming-icon,.dxtk-incoming-item.is-new .dxtk-incoming-dot{ animation: none; } } .dxtk-notice[hidden]{ display: none; } .dxtk-views{ display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; } .dxtk-view{ --v: #475569; --v-soft: #f1f5f9; position: relative; flex: 1 1 190px; display: flex; align-items: center; gap: 9px; min-width: 0; padding: 9px 10px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; color: #0f172a !important; text-decoration: none !important; transition: border-color .15s ease, box-shadow .15s ease, background .15s ease; } .dxtk-view:hover{ border-color: var(--v); box-shadow: 0 4px 14px rgba(15, 23, 42, .07); } .dxtk-view:focus-visible{ outline: 2px solid #2563eb; outline-offset: 2px; } .dxtk-view.is-red{ --v: #dc2626; --v-soft: #fef2f2; } .dxtk-view.is-amber{ --v: #d97706; --v-soft: #fffbeb; } .dxtk-view.is-blue{ --v: #2563eb; --v-soft: #eff6ff; } .dxtk-view.is-green{ --v: #059669; --v-soft: #ecfdf5; } .dxtk-view-icon{ flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 10px; background: var(--v-soft); color: var(--v); font-size: 15px; } .dxtk-view-text{ flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.25; } .dxtk-view-label{ font-size: 14px; font-weight: 700; white-space: nowrap; } .dxtk-view-hint{ font-size: 11.5px; color: #64748b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dxtk-view-count{ flex-shrink: 0; min-width: 30px; padding: 3px 8px; border-radius: 999px; background: #f1f5f9; color: #334155; font-size: 13px; font-weight: 800; text-align: center; } .dxtk-view.is-empty .dxtk-view-count{ background: #f8fafc; color: #94a3b8; } .dxtk-view.is-active{ border-color: var(--v); background: var(--v-soft); box-shadow: inset 0 -3px 0 var(--v); } .dxtk-view.is-active.is-neutral{ --v: #2563eb; --v-soft: #eff6ff; } .dxtk-view.is-active .dxtk-view-label{ color: var(--v); } @media (max-width: 767px) { .dxtk-views{ flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; } .dxtk-view{ flex: 0 0 210px; } } .dxbp.is-book .checkout_box_title{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; font-size: 14.5px; font-weight: 800; color: #0f172a; } .dxbp.is-book .dxbp-pick{ cursor: default; padding-left: 14px; } .dxbp.is-book .dxbp-card{ border-width: 1px; } .dxbp.is-book .dxbp-title,.dxbp.is-book .dxbp-addr{ white-space: normal; } .dxbp-tag{ margin-left: 8px; padding: 1px 7px; border-radius: 999px; background: #f1f5f9; color: #64748b; font-size: 11px; font-weight: 700; vertical-align: 1px; } .dxbp-meta{ font-size: 12.5px; color: #334155; } .dxbp.is-book .dxbp-grid,.dxbp.is-book .dx-addr-grid.is-compact{ grid-template-columns: 1fr; } @media (min-width: 1400px) { .dxbp.is-book .dxbp-grid,.dxbp.is-book .dx-addr-grid.is-compact{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } .dxbp .form-control[aria-invalid="true"]{ border-color: #ef4444; } .dxbp .form-control.is-valid{ border-color: #16a34a; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2316a34a'/%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 16px 16px; background-position: right 12px center; padding-right: 38px; } .dxbp select.form-control.is-valid{ background-position: right 30px center; padding-right: 54px; } .dxbp textarea.form-control.is-valid{ background-position: right 12px top 10px; } .dxbp .form-control.is-valid:focus{ border-color: #16a34a; box-shadow: 0 0 0 3px rgba(22, 163, 74, .15); } .dxbp.is-book .dxbp-phone .dxbp-cc{ height: calc(1.5em + .75rem + 2px); } .dxbp.is-book .dxbp-type{ min-height: 38px; font-size: 13.5px; } body.dxmk.is-embedded .dxmk-toolbar{ padding: 8px 14px; } body.dxmk.is-embedded .dxmk-sheet{ margin: 12px auto; } .dxtk-mail-opt[hidden]{ display: none !important; } .dxtk-mail-opt{ display: flex; align-items: center; gap: 12px; margin: 10px 0 0; padding: 12px 14px; border: 2px solid #cbd5e1; border-radius: 12px; background: #fff; cursor: pointer; font-weight: inherit; transition: border-color .15s ease, background-color .15s ease; } .dxtk-mail-opt input[type=checkbox]{ flex-shrink: 0; width: 22px; height: 22px; margin: 0; accent-color: #2563eb; cursor: pointer; } .dxtk-mail-icon{ display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 38px; height: 38px; border-radius: 10px; background: #f1f5f9; color: #64748b; font-size: 16px; } .dxtk-mail-text{ flex: 1; min-width: 0; line-height: 1.35; } .dxtk-mail-text strong{ display: block; font-size: 15px; color: #0f172a; } .dxtk-mail-text small{ display: block; font-size: 13px; color: #64748b; overflow-wrap: anywhere; } .dxtk-mail-state{ flex-shrink: 0; padding: 3px 10px; border-radius: 999px; background: #f1f5f9; font-size: 12px; font-weight: 800; color: #64748b; } .dxtk-mail-state::after{ content: "Gönderilmeyecek"; } .dxtk-mail-opt:has(input:checked){ border-color: #2563eb; background: #eff6ff; } .dxtk-mail-opt:has(input:checked) .dxtk-mail-icon{ background: #2563eb; color: #fff; } .dxtk-mail-opt:has(input:checked) .dxtk-mail-state{ background: #2563eb; color: #fff; } .dxtk-mail-opt:has(input:checked) .dxtk-mail-state::after{ content: "E-posta gidecek"; } .dxtk-mail-opt:has(input:focus-visible){ outline: 3px solid rgba(37, 99, 235, .4); outline-offset: 2px; } @media (max-width: 640px) { .dxtk-mail-state{ display: none; } } .dxtk-mail-opt.is-disabled{ opacity: .5; cursor: not-allowed; } .dxtk-mail-opt.is-disabled:has(input) .dxtk-mail-state{ background: #f1f5f9; color: #64748b; } .dxtk-mail-opt.is-disabled:has(input) .dxtk-mail-state::after{ content: "Gönderilmeyecek"; } .modal .dxtk-mail-opt{ margin-top: 12px; } @keyframes dx-doc-spin { to { transform: rotate(360deg); } } .dx-preview{ position: fixed; inset: 0; z-index: 2000; display: flex; align-items: center; justify-content: center; padding: 64px 70px 24px; background: rgba(15, 23, 42, .88); } .dx-preview[hidden]{ display: none; } body.dx-preview-open{ overflow: hidden; } .dx-preview-bar{ position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; gap: 12px; padding: 12px 18px; color: #fff; font-size: 14px; } .dx-preview-name{ flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-preview-pos{ color: #cbd5e1; font-size: 13px; } .dx-preview-btn{ padding: 6px 12px; border: 1px solid rgba(255, 255, 255, .35); border-radius: 8px; color: #fff !important; font-size: 13px; font-weight: 600; text-decoration: none !important; } .dx-preview-btn:hover{ background: rgba(255, 255, 255, .12); } .dx-preview-close{ width: 36px; height: 36px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .15); color: #fff; font-size: 24px; line-height: 1; } .dx-preview-stage{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .dx-preview-stage img{ max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 6px; background: #fff; box-shadow: 0 20px 50px rgba(0, 0, 0, .45); } .dx-preview-stage video{ max-width: 100%; max-height: 100%; border-radius: 8px; background: #000; box-shadow: 0 20px 50px rgba(0, 0, 0, .45); } .dx-preview-stage iframe{ width: min(1100px, 100%); height: 100%; border: 0; border-radius: 8px; background: #fff; } .dx-preview-error{ color: #fff; font-size: 15px; } .dx-preview-nav{ position: absolute; top: 50%; transform: translateY(-50%); width: 46px; height: 46px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .15); color: #fff; font-size: 30px; line-height: 1; } .dx-preview-nav:hover,.dx-preview-close:hover{ background: rgba(255, 255, 255, .28); } .dx-preview-nav.is-prev{ left: 14px; } .dx-preview-nav.is-next{ right: 14px; } .dx-preview-nav[hidden]{ display: none; } .dx-preview button:focus-visible,.dx-preview a:focus-visible{ outline: 2px solid #93c5fd; outline-offset: 2px; } .dxtk-file .fa-eye{ color: #2563eb; } @media (max-width: 640px) { .dx-preview{ padding: 58px 8px 12px; } .dx-preview-newtab,.dx-preview-pos{ display: none; } .dx-preview-nav{ width: 38px; height: 38px; } } .dxmk-alert.is-danger{ border-left-color: #dc2626; background: #fef2f2; color: #991b1b; font-weight: 600; } @media print { body.dxmk .dxmk-sheet{ break-inside: avoid; page-break-inside: avoid; } body.dxmk .dxmk-foot{ break-before: avoid; } } .dxcl-btn{ display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 40px; padding: 0 14px; border: 1px solid #e2e8f0; border-radius: 9px; background: #fff; color: #1e293b; font-size: 14px; font-weight: 700; white-space: nowrap; cursor: pointer; text-decoration: none; transition: background .15s, border-color .15s; } .dxcl-btn:hover{ background: #f8fafc; border-color: #cbd5e1; color: #0f172a; text-decoration: none; } .dxcl-btn:focus{ outline: none; box-shadow: none; } .dxcl-btn:focus-visible{ outline: 2px solid #93c5fd; outline-offset: 1px; } .dxcl-btn.is-on{ border-color: #bfdbfe; background: #eff6ff; color: #1d4ed8; } .dxcl-btn.is-ghost{ color: #475569; } .dxcl-btn.is-disabled{ opacity: .5; pointer-events: none; } .dxcl-btn.is-clear{ border-color: #fdba74; background: #fff7ed; color: #c2410c; } .dxcl-btn.is-clear:hover{ border-color: #fb923c; background: #ffedd5; color: #9a3412; } .dxcl-btn.is-primary{ border-color: #3174f1; background: #3174f1; color: #fff; } .dxcl-btn.is-primary:hover{ border-color: #1d5fd6; background: #1d5fd6; color: #fff; } .dxcl-btn.is-success{ border-color: #86efac; background: #f0fdf4; color: #15803d; } .dxcl-btn.is-success:hover{ background: #dcfce7; color: #166534; } .dxcl-btn.is-icon{ width: 40px; padding: 0; } .dxcl-btn.is-sm{ height: 34px; padding: 0 12px; font-size: 13px; border-radius: 8px; } .dxcl-btn.is-icon.is-sm{ width: 34px; padding: 0; } .dxcl-btn.is-split-main{ border-radius: 8px 0 0 8px; } .dxcl-btn.is-split-caret{ width: 30px; padding: 0; border-left-color: rgba(255, 255, 255, .35); border-radius: 0 8px 8px 0; } .dx-main-footer-wrapper > .container{max-width:1320px;padding-left:15px;padding-right:15px} .dx-main-footer-wrapper .new-footer{padding-left:0;padding-right:0} body.dx-nf-page{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;box-sizing:border-box;background:linear-gradient(135deg,#f8fafc 0%,#eef2f6 100%);color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif} .dx-nf-page *{box-sizing:border-box} .dx-nf-card{position:relative;overflow:hidden;width:100%;max-width:680px;padding:44px 40px;background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 20px 60px rgba(15,23,42,.08),0 1px 3px rgba(15,23,42,.04);text-align:center} .dx-nf-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#6366f1,#a855f7)} .dx-nf-logo{display:block;width:140px;margin:0 auto 18px} .dx-nf-logo img{display:block;width:140px;height:auto} .dx-nf-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:7px 16px;border:1px solid #ede9fe;border-radius:9999px;background:#f5f3ff;color:#6d28d9;font-size:13px;font-weight:600} .dx-nf-code{margin-bottom:8px;font-size:64px;font-weight:800;line-height:1;letter-spacing:-2px;background:linear-gradient(135deg,#206cdd 0%,#6366f1 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#206cdd} .dx-nf-card h1{margin:0 0 12px;font-size:23px;font-weight:700;line-height:1.3;letter-spacing:-.4px;color:#0f172a} .dx-nf-lead{max-width:540px;margin:0 auto 24px;font-size:14px;line-height:1.6;color:#64748b} .dx-nf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:26px;text-align:left} .dx-nf-quick{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;color:#0f172a;text-decoration:none;transition:border-color .18s,background .18s,transform .18s} .dx-nf-quick:hover,.dx-nf-quick:focus-visible{border-color:#206cdd;background:#eff6ff;color:#0f172a;text-decoration:none;transform:translateY(-1px)} .dx-nf-quick-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:8px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);font-size:15px} .dx-nf-quick-text strong{display:block;font-size:13px;font-weight:600;color:#0f172a} .dx-nf-quick-text small{display:block;font-size:11px;color:#64748b} .dx-nf-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:22px} .dx-nf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border:1px solid #e2e8f0;border-radius:12px;background:#f1f5f9;color:#334155;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s} .dx-nf-btn:hover{background:#e2e8f0;color:#0f172a;text-decoration:none} .dx-nf-btn.is-primary{border-color:transparent;background:#206cdd;color:#fff;box-shadow:0 4px 14px rgba(32,108,221,.25)} .dx-nf-btn.is-primary:hover{background:#1956b3;color:#fff;box-shadow:0 6px 20px rgba(32,108,221,.35);transform:translateY(-1px)} .dx-nf-page a:focus-visible{outline:3px solid #93b4f8;outline-offset:3px} .dx-nf-support{padding-top:18px;border-top:1px solid #f1f5f9;font-size:12.5px;line-height:1.6;color:#64748b} .dx-nf-support a{color:#206cdd;font-weight:600;text-decoration:none} .dx-nf-support a:hover{text-decoration:underline} @media(max-width:600px){.dx-nf-card{padding:30px 18px;border-radius:18px}.dx-nf-code{font-size:52px}.dx-nf-card h1{font-size:20px}.dx-nf-grid{grid-template-columns:1fr}.dx-nf-btn{width:100%}} @media(prefers-reduced-motion:reduce){.dx-nf-quick,.dx-nf-btn{transition:none}.dx-nf-quick:hover,.dx-nf-btn.is-primary:hover{transform:none}} @media (max-width: 1100px) { .dx-main-footer-wrapper .dx-footer-inner-wrapper.companied{ flex-wrap: wrap; justify-content: space-around; row-gap: 30px; column-gap: 24px; } .dx-main-footer-wrapper .dx-menu-list{ height: auto; min-width: 160px; } .dx-main-footer-wrapper .dx-menu-flex{ flex-wrap: wrap; justify-content: flex-end; row-gap: 6px; } .dx-main-footer-wrapper .dx-menu-flex li,.dx-main-footer-wrapper .dx-menu-flex a{ white-space: nowrap; } } @media (max-width: 767px) { .dx-main-footer-wrapper .dx-footer-inner-wrapper.companied{ flex-direction: column; align-items: center; justify-content: flex-start; gap: 28px; margin: 28px 0; text-align: center; } .dx-main-footer-wrapper .dx-company{ display: flex; flex-direction: column; align-items: center; gap: 14px; } .dx-main-footer-wrapper .dx-company img.d_k_logo{ width: 190px; max-width: 100%; height: auto; } .dx-main-footer-wrapper .companied .dx-company-socials{ justify-content: center; margin: 0; padding: 0; } .dx-main-footer-wrapper .dx-menu-list{ display: flex; flex-direction: column; align-items: center; min-width: 0; width: 100%; padding: 0; } .dx-main-footer-wrapper .dx-menu-title{ display: block; margin-bottom: 10px; font-size: 21px; } .dx-main-footer-wrapper .dx-menu{ display: flex; flex-direction: column; align-items: center; gap: 0; margin: 0; padding: 0; } .dx-main-footer-wrapper .dx-menu li{ margin: 0; padding: 0; } .dx-main-footer-wrapper .dx-menu a{ display: inline-flex; align-items: center; min-height: 32px; white-space: nowrap; } .dx-main-footer-wrapper .dx-menu a span{ display: inline-flex; align-items: center; gap: 8px; } .dx-main-footer-wrapper .dx-menu a img{ margin: 0; } .dx-main-footer-wrapper .dx-etbis-menus{ display: flex; justify-content: center; } .dx-main-footer-wrapper .dx-social-meta-menus{ display: flex; flex-direction: column; align-items: center; gap: 8px; } .dx-main-footer-wrapper .dx-second-flex-general{ display: flex; justify-content: center; gap: 8px; } .dx-main-footer-wrapper .dx-footer-bottom-inner{ padding: 16px 0 20px; } .dx-main-footer-wrapper .dx-footer-bottom-inner > .new_dropdownMenu{ max-width: none !important; justify-content: center; } .dx-main-footer-wrapper .dx-footer-botttom > .container{ padding-left: 15px; padding-right: 15px; } } @media (max-width: 767px) { .step_block .step_text h4{ white-space: normal !important; overflow-wrap: anywhere; } .feature-current-item-style1 .optional-absolute-icon{ position: static !important; display: flex; justify-content: flex-end; margin: 0 0 6px; } .feature-current-item-style1{ flex-shrink: 0; } .feature-current-item-style1 .inner-box{ min-height: 130px; } .kurumsal-web #daynex_addon_82{ margin-top: 24px !important; } .cm-page{ overflow-x: clip; } .dx-welcome-banner{ display: flex !important; flex-direction: column; gap: 22px; min-width: 0; } .dx-welcome-banner > *{ width: 100% !important; max-width: 100% !important; min-width: 0 !important; } .dx-welcome-banner .dx-column-center{ order: -1; position: relative; display: flex; flex-direction: column; align-items: center; } .dx-welcome-banner .dx-center-image{ width: 100% !important; display: flex; justify-content: center; } .dx-welcome-banner img.center-content-image{ position: static !important; width: 100% !important; max-width: 380px !important; min-width: 0 !important; height: auto !important; margin: 0 auto; transform: none !important; } .dx-welcome-banner .dx-free-badge{ position: static !important; transform: none !important; width: 150px !important; height: 150px !important; margin: -36px auto 0 !important; font-size: 15px !important; } .dx-welcome-banner .dx-free-badge span{ font-size: 17px !important; line-height: 1.25; } .dx-welcome-banner .dx-free-badge .big{ font-size: 16px !important; } .dx-welcome-banner .dx-section-title,.dx-welcome-banner .dx-section-title span{ display: block; white-space: normal; } .dx-welcome-banner .integration-collapser{ display: flex; flex-wrap: wrap; gap: 8px; } .dx-welcome-banner .dx-column-right{ display: flex; flex-direction: column; align-items: center; height: auto !important; text-align: center; } .dx-welcome-banner .dx-column-right .dx-section-title,.dx-welcome-banner .dx-column-right .dx-section-title span{ color: #1f2937 !important; } .dx-welcome-banner .dx-sector-slide-cont{ position: relative !important; display: flex; justify-content: center; width: 100% !important; height: auto !important; margin: 26px 0 0 !important; } .dx-welcome-banner .dx-sector-slide{ position: relative !important; top: auto !important; left: auto !important; width: 100% !important; } .dx-btn-section{ display: flex !important; flex-direction: column; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 18px; max-width: 100%; margin-top: 10px; } .dx-btn-section .dx-review-btn{ position: relative; width: 290px !important; max-width: 100%; height: 50px !important; padding: 0 84px 0 22px !important; font-size: 17px !important; flex: 0 0 auto; } .dx-btn-section .dx-review-btn.lft-iconed{ padding: 0 22px 0 84px !important; } .dx-btn-section .dx-review-icon{ width: 58px !important; height: 58px !important; top: -4px !important; left: auto !important; right: 0 !important; } .dx-btn-section .lft-iconed .dx-review-icon{ left: 0 !important; right: auto !important; } .dx-btn-section .dx-circle-btn{ width: 100px !important; height: 100px !important; min-width: 0; font-size: 18px !important; flex: 0 0 auto; } .dx-prom-grid{ display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 14px; } .dx-prom-grid .dx-prom-col{ width: 100% !important; min-width: 0; left: auto !important; transform: none !important; } .dx-prom-grid .dx-prom-inner{ padding: 0 !important; } .dx-prom-grid span.dx-prom-inner-right{ flex-direction: column !important; } .dx-prom-grid .dx-prom-image-flow,.dx-prom-grid .dx-prom-image-flow img{ width: 100% !important; max-width: 100% !important; } } .dxbk-page{--dxbk-ink:#0f172a;--dxbk-text:#475569;--dxbk-muted:#64748b;--dxbk-blue:#3174f1;--dxbk-blue-dark:#1d4ed8;--dxbk-line:#e2e8f0;background:#fff;color:var(--dxbk-ink);font-family:'Nunito',sans-serif} .dxbk-page *{box-sizing:border-box} .dxbk-page .dxbk-wrap{max-width:1320px;margin-inline:auto;padding:56px 15px 64px} .dxbk-page a{text-decoration:none} .dxbk-page svg{width:20px;height:20px;flex-shrink:0} .dxbk-page h1,.dxbk-page h2{margin:0;font-family:'Nunito',sans-serif;font-weight:800;letter-spacing:-.3px;color:var(--dxbk-ink);text-transform:none} .dxbk-page p{margin:0;font-family:inherit;line-height:1.7;color:var(--dxbk-muted)} .dxbk-page a:focus-visible,.dxbk-page button:focus-visible,.dxbk-page input:focus-visible{outline:3px solid #93b4f8;outline-offset:3px} .dxbk-stripe{display:flex;gap:4px;margin-bottom:14px} .dxbk-stripe i{display:block;width:22px;height:4px;border-radius:2px} .dxbk-stripe i:nth-child(1){background:#d7312c}.dxbk-stripe i:nth-child(2){background:#29579c}.dxbk-stripe i:nth-child(3){background:#33a052}.dxbk-stripe i:nth-child(4){background:#f1bb3c} .dxbk-eyebrow{display:block;margin-bottom:12px;font-size:11.5px;font-weight:800;letter-spacing:1.2px;color:var(--dxbk-blue)} .dxbk-intro{max-width:760px;margin-bottom:36px} .dxbk-intro h1{font-size:clamp(36px,3.6vw,52px);line-height:1.12;letter-spacing:-1px} .dxbk-intro h1 em{font-style:normal;color:var(--dxbk-blue)} .dxbk-intro>p{margin-top:16px;font-size:16px;color:var(--dxbk-text)} .dxbk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start} .dxbk-card{padding:28px;border:1px solid var(--dxbk-line);border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.05)} .dxbk-member{background:linear-gradient(180deg,#f8fbff 0%,#fff 60%);border-color:#dbe6fb} .dxbk-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:18px;border-radius:12px;background:#eef4ff;color:var(--dxbk-blue)} .dxbk-icon svg{width:22px;height:22px} .dxbk-card h2{font-size:24px;line-height:1.25} .dxbk-card>p{margin:10px 0 20px;font-size:15px} .dxbk-page .dxbk-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:50px;padding:13px 20px;border:1px solid var(--dxbk-blue);border-radius:8px;background:var(--dxbk-blue);color:#fff;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(49,116,241,.2);transition:background .2s,transform .2s} .dxbk-page .dxbk-primary:hover{background:var(--dxbk-blue-dark);border-color:var(--dxbk-blue-dark);color:#fff;transform:translateY(-1px)} .dxbk-form label{display:block;margin-bottom:8px;font-size:14px;font-weight:700;color:var(--dxbk-ink)} .dxbk-form input[type=email]{display:block;width:100%;min-height:50px;padding:12px 14px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:var(--dxbk-ink);font-family:inherit;font-size:16px;box-shadow:none} .dxbk-form input[type=email]:focus{border-color:var(--dxbk-blue);outline:none;box-shadow:0 0 0 3px rgba(49,116,241,.18)} .dxbk-form input[aria-invalid=true]{border-color:#dc2626} .dxbk-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden} .dxbk-note{margin:8px 0 18px!important;font-size:13px} .dxbk-status{min-height:22px;margin-top:12px!important;font-size:14px;font-weight:600} .dxbk-status.is-ok{color:#047857} .dxbk-status.is-error{color:#dc2626} .dxbk-accounts{display:grid;gap:12px;margin-top:4px} .dxbk-account{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 14px;padding:16px;border:1px solid var(--dxbk-line);border-radius:12px;background:#fff} .dxbk-account-head{display:flex;align-items:center;gap:10px;min-height:28px} .dxbk-account-head img{display:block;height:26px;width:auto;max-width:150px;object-fit:contain} .dxbk-account-head strong{font-size:16px;font-weight:800} .dxbk-currency{padding:2px 8px;border-radius:999px;background:#eef4ff;color:var(--dxbk-blue);font-size:12px;font-weight:800} .dxbk-holder{grid-column:1/-1;font-size:13px;font-weight:600;color:var(--dxbk-text)} .dxbk-iban{grid-column:1;font-family:Consolas,Menlo,monospace;font-size:15.5px;font-weight:700;letter-spacing:.4px;color:var(--dxbk-ink);background:none;padding:0;overflow-wrap:anywhere} .dxbk-page .dxbk-copy{grid-column:2;grid-row:1/span 3;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:10px 14px;border:1px solid #dbe6fb;border-radius:8px;background:#eef4ff;color:var(--dxbk-blue);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap} .dxbk-page .dxbk-copy:hover{background:#e0ebff} .dxbk-copy svg{width:16px;height:16px} .dxbk-help{display:flex;align-items:center;gap:16px;margin-top:24px;padding:18px 22px;border:1px solid #e3ecfb;border-radius:14px;background:#f5f8ff} .dxbk-help-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--dxbk-blue);border:1px solid #dbe6fb} .dxbk-help strong{display:block;font-size:15px;font-weight:800;color:var(--dxbk-ink)} .dxbk-help p{font-size:14px} .dxbk-page .dxbk-help>a{display:inline-flex;align-items:center;gap:8px;margin-left:auto;min-height:44px;font-size:14px;font-weight:700;color:var(--dxbk-blue);white-space:nowrap} .dxbk-page .dxbk-help>a:hover{color:var(--dxbk-blue-dark)} @media(max-width:800px){ .dxbk-page .dxbk-wrap{padding:28px 15px 40px} .dxbk-intro{margin-bottom:24px} .dxbk-intro h1{font-size:32px;line-height:1.18;letter-spacing:-.6px} .dxbk-intro>p{font-size:14.5px} .dxbk-eyebrow{font-size:10.5px;letter-spacing:1px} .dxbk-grid{grid-template-columns:minmax(0,1fr);gap:16px} .dxbk-card{padding:22px 18px} .dxbk-card h2{font-size:21px} .dxbk-help{flex-wrap:wrap;padding:16px} .dxbk-page .dxbk-help>a{margin-left:0} } @media(max-width:480px){ .dxbk-intro h1{font-size:30px} .dxbk-account{grid-template-columns:minmax(0,1fr)} .dxbk-iban{font-size:13.5px;letter-spacing:0} .dxbk-page .dxbk-copy{grid-column:1;grid-row:auto;justify-content:center;width:100%} } @media(prefers-reduced-motion:reduce){.dxbk-page .dxbk-primary{transition:none}.dxbk-page .dxbk-primary:hover{transform:none}} #dxHeader .dxh-mega.dxmn{ left: 0; width: 1240px; max-width: calc(100vw - 30px); padding: 0; background: #fff; border: 1px solid #e2e8f0; border-radius: 0 0 18px 18px; box-shadow: 0 24px 60px rgba(15, 23, 42, .16); overflow: hidden; font-family: 'Nunito', sans-serif; color: #0f172a; text-align: left; cursor: default; } #dxHeader .dxh-mega-li.is-open .dxh-mega.dxmn{ display: grid; grid-template-columns: 300px minmax(0, 1fr); column-gap: 0; } #dxHeader .dxmn svg{ width: 20px; height: 20px; flex-shrink: 0; } #dxHeader .dxmn a{ text-decoration: none; } #dxHeader .dxmn a:focus-visible,#dxHeader .dxmn button:focus-visible{ outline: 3px solid #93b4f8; outline-offset: 2px; } #dxHeader .dxmn-rail{ padding: 30px 22px 28px; background: #f5f8ff; border-right: 1px solid #e3ecfb; } #dxHeader .dxmn-stripe{ display: flex; gap: 4px; margin-bottom: 12px; } #dxHeader .dxmn-stripe i{ display: block; width: 18px; height: 4px; border-radius: 2px; } #dxHeader .dxmn-stripe i:nth-child(1){ background: #d7312c; } #dxHeader .dxmn-stripe i:nth-child(2){ background: #29579c; } #dxHeader .dxmn-stripe i:nth-child(3){ background: #33a052; } #dxHeader .dxmn-stripe i:nth-child(4){ background: #f1bb3c; } #dxHeader .dxmn-eyebrow{ display: block; font-size: 11px; font-weight: 800; letter-spacing: 1.2px; color: #3174f1; line-height: 1.4; } #dxHeader .dxmn-rail-title{ margin: 12px 0 22px; font-size: 32px; font-weight: 800; line-height: 1.1; letter-spacing: -.6px; color: #0f172a; } #dxHeader .dxmn-rail-title em{ font-style: normal; color: #3174f1; } #dxHeader .dxmn-tabs{ display: grid; gap: 6px; } #dxHeader .dxmn-tab{ display: flex; align-items: center; gap: 12px; width: 100%; padding: 13px 14px; border: 1px solid transparent; border-radius: 12px; background: transparent; color: #334155; text-align: left; font-family: inherit; cursor: pointer; transition: background .15s, border-color .15s, box-shadow .15s; } #dxHeader .dxmn-tab b{ display: block; font-size: 15px; font-weight: 700; color: #0f172a; } #dxHeader .dxmn-tab small{ display: block; margin-top: 2px; font-size: 12.5px; color: #64748b; } #dxHeader .dxmn-tab-icon{ display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; flex-shrink: 0; border-radius: 10px; background: #fff; border: 1px solid #e2e8f0; color: #475569; } #dxHeader .dxmn-tab:hover{ background: #fff; } #dxHeader .dxmn-tab.is-active{ background: #fff; border-color: #dbe6fb; box-shadow: 0 8px 20px rgba(15, 23, 42, .06); } #dxHeader .dxmn-tab.is-active b{ color: #3174f1; } #dxHeader .dxmn-tab.is-active .dxmn-tab-icon{ background: #3174f1; border-color: #3174f1; color: #fff; } #dxHeader .dxmn-content{ position: relative; padding: 28px 30px 26px; min-height: 440px; max-height: calc(100vh - 120px); overflow-y: auto; } #dxHeader .dxmn-close{ position: absolute; top: 16px; right: 16px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: #f1f5f9; color: #475569; font-size: 22px; line-height: 1; cursor: pointer; } #dxHeader .dxmn-close:hover{ background: #e2e8f0; color: #0f172a; } #dxHeader .dxmn-intro{ margin-bottom: 18px; padding-right: 48px; } #dxHeader .dxmn-title{ margin: 8px 0 6px; font-size: 28px; font-weight: 800; line-height: 1.15; letter-spacing: -.4px; color: #0f172a; } #dxHeader .dxmn-desc{ margin: 0; font-size: 14.5px; line-height: 1.6; color: #64748b; } #dxHeader .dxmn-split{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 26px; align-items: start; } #dxHeader .dxmn-list{ display: grid; } #dxHeader .dxmn-row{ padding: 6px 0; border-bottom: 1px solid #edf2f7; } #dxHeader .dxmn-row:last-child{ border-bottom: 0; } #dxHeader .dxmn-main{ display: flex; align-items: center; gap: 14px; padding: 10px 10px; border-radius: 12px; color: #0f172a; transition: background .15s; } #dxHeader .dxmn-main:hover{ background: #f5f8ff; } #dxHeader .dxmn-logo{ display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; flex-shrink: 0; border-radius: 12px; background: #fff; border: 1px solid #e2e8f0; box-shadow: 0 4px 10px rgba(15, 23, 42, .05); } #dxHeader .dxmn-logo img{ width: 32px; height: 32px; object-fit: contain; display: block; } #dxHeader .dxmn-logo.is-svg{ color: #3174f1; background: #eef4ff; border-color: #dbe6fb; } #dxHeader .dxmn-logo.is-svg svg{ width: 22px; height: 22px; } #dxHeader .dxmn-text{ flex: 1; min-width: 0; } #dxHeader .dxmn-text b{ display: block; font-size: 15.5px; font-weight: 800; color: #0f172a; line-height: 1.3; } #dxHeader .dxmn-text small{ display: block; margin-top: 2px; font-size: 13px; color: #64748b; line-height: 1.4; } #dxHeader .dxmn-arrow{ color: #94a3b8; transition: color .15s, transform .15s; } #dxHeader .dxmn-main:hover .dxmn-arrow{ color: #3174f1; transform: translateX(3px); } #dxHeader .dxmn-main:hover .dxmn-text b{ color: #3174f1; } #dxHeader .dxmn-actions{ display: flex; flex-wrap: wrap; gap: 6px 16px; padding: 0 10px 8px 70px; } #dxHeader .dxmn-actions a{ font-size: 13px; font-weight: 700; color: #3174f1; } #dxHeader .dxmn-actions a:hover{ color: #1d4ed8; text-decoration: underline; } #dxHeader .dxmn-story{ position: relative; display: block; overflow: hidden; border-radius: 16px; aspect-ratio: 3 / 2; background: #eef4ff; } #dxHeader .dxmn-story img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; } #dxHeader .dxmn-story:hover img{ transform: scale(1.03); } #dxHeader .dxmn-story > span{ position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 20px 18px; background: linear-gradient(transparent, rgba(15, 23, 42, .78)); color: #fff; font-size: 22px; font-weight: 800; line-height: 1.2; } #dxHeader .dxmn-story i{ position: absolute; right: 18px; bottom: 18px; color: #fff; } #dxHeader .dxmn-sub-eyebrow{ display: block; margin: 22px 0 8px; padding-top: 18px; border-top: 1px solid #edf2f7; font-size: 11px; font-weight: 800; letter-spacing: 1.2px; color: #64748b; } #dxHeader .dxmn-grid2{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 26px; } #dxHeader .dxmn-infra{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } #dxHeader .dxmn-group{ padding: 18px 16px; border: 1px solid #e2e8f0; border-radius: 14px; background: #fff; } #dxHeader .dxmn-num{ display: block; font-size: 11px; font-weight: 800; letter-spacing: 1px; color: #3174f1; } #dxHeader .dxmn-group-title{ display: block; margin: 6px 0 10px; font-size: 16px; font-weight: 800; color: #0f172a; } #dxHeader .dxmn-group a{ display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 36px; padding: 6px 8px; margin: 0 -8px; border-radius: 8px; font-size: 14px; font-weight: 600; color: #334155; } #dxHeader .dxmn-group a span{ color: #cbd5e1; display: flex; } #dxHeader .dxmn-group a svg{ width: 15px; height: 15px; } #dxHeader .dxmn-group a:hover{ background: #f5f8ff; color: #3174f1; } #dxHeader .dxmn-group a:hover span{ color: #3174f1; } @media (max-width: 1100px) { #dxHeader .dxh-mega-li.is-open .dxh-mega.dxmn{ grid-template-columns: 250px minmax(0, 1fr); } #dxHeader .dxmn-rail-title{ font-size: 26px; } #dxHeader .dxmn-infra{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 991px) { #dxHeader .dxh-mega.dxmn{ position: fixed; top: var(--dxh-mobile-top, 70px); left: 10px; right: 10px; width: auto; max-width: none; border-radius: 16px; } #dxHeader .dxh-mega-li.is-open .dxh-mega.dxmn{ grid-template-columns: minmax(0, 1fr); max-height: calc(100vh - 90px); overflow-y: auto; } #dxHeader .dxmn-rail{ padding: 18px 16px 12px; border-right: 0; border-bottom: 1px solid #e3ecfb; } #dxHeader .dxmn-rail-title,#dxHeader .dxmn-rail > .dxmn-eyebrow,#dxHeader .dxmn-stripe{ display: none; } #dxHeader .dxmn-tabs{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; } #dxHeader .dxmn-tab{ flex-direction: column; align-items: center; gap: 6px; padding: 10px 6px; text-align: center; } #dxHeader .dxmn-tab small{ display: none; } #dxHeader .dxmn-tab b{ font-size: 13px; line-height: 1.25; } #dxHeader .dxmn-content{ min-height: 0; max-height: none; overflow: visible; padding: 20px 16px 22px; } #dxHeader .dxmn-close{ top: 12px; right: 12px; } #dxHeader .dxmn-title{ font-size: 23px; } #dxHeader .dxmn-split{ grid-template-columns: minmax(0, 1fr); gap: 14px; } #dxHeader .dxmn-story{ display: none; } #dxHeader .dxmn-grid2{ grid-template-columns: minmax(0, 1fr); } #dxHeader .dxmn-actions{ padding-left: 70px; } } @media (max-width: 575px) { #dxHeader .dxmn-infra{ grid-template-columns: minmax(0, 1fr); } #dxHeader .dxmn-main{ padding: 9px 4px; gap: 12px; } #dxHeader .dxmn-actions{ padding-left: 62px; } } @media (prefers-reduced-motion: reduce) { #dxHeader .dxmn-story img,#dxHeader .dxmn-arrow,#dxHeader .dxmn-tab{ transition: none; } } #dxHeader .dxh-mega-li.is-open .dxh-menu-btn{ background: #eef4ff; color: #3174f1; } #dxHeader .dxh-mega-li.is-open .dxh-menu-btn svg path{ stroke: #3174f1; } #dxHeader .dxha{ width: 340px; padding: 20px 14px 12px; background: #fff; border: 1px solid #e2e8f0; border-radius: 18px; box-shadow: 0 24px 60px rgba(15, 23, 42, .14); font-family: 'Nunito', sans-serif; text-align: left; } #dxHeader .dxha-eyebrow{ display: block; padding: 0 12px 10px; font-size: 11px; font-weight: 800; letter-spacing: 1.2px; color: #3174f1; } #dxHeader .dxha-list{ display: grid; gap: 2px; } #dxHeader .dxha-link{ display: flex; align-items: center; gap: 14px; width: 100%; min-height: 52px; padding: 7px 12px; border: 0; border-radius: 12px; background: transparent; color: #0f172a; font-family: inherit; font-size: 15px; font-weight: 700; text-align: left; text-decoration: none; cursor: pointer; transition: background .15s, color .15s; } #dxHeader .dxha-ico{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex-shrink: 0; border-radius: 11px; background: #eef4ff; color: #3174f1; transition: background .15s, color .15s; } #dxHeader .dxha-ico svg{ width: 21px; height: 21px; } #dxHeader .dxha-text{ flex: 1; min-width: 0; } #dxHeader .dxha-chev{ width: 16px; height: 16px; flex-shrink: 0; color: #94a3b8; transition: transform .15s, color .15s; } #dxHeader .dxha-link:hover,#dxHeader .dxha-link:focus-visible{ background: #f5f8ff; color: #3174f1; text-decoration: none; outline: none; } #dxHeader .dxha-link:hover .dxha-ico,#dxHeader .dxha-link:focus-visible .dxha-ico{ background: #3174f1; color: #fff; } #dxHeader .dxha-link:hover .dxha-chev{ color: #3174f1; transform: translateX(2px); } #dxHeader .dxha-link:focus-visible{ box-shadow: 0 0 0 3px #93b4f8; } #dxHeader .dxha-foot{ display: grid; gap: 2px; margin-top: 8px; padding-top: 8px; border-top: 1px solid #edf2f7; } #dxHeader .dxha-link.is-admin .dxha-ico{ background: #fff7e6; color: #d99a12; } #dxHeader .dxha-link.is-admin:hover .dxha-ico{ background: #f1bb3c; color: #fff; } #dxHeader .dxha-link.is-return .dxha-ico{ background: #fef2f2; color: #dc2626; } #dxHeader .dxha-link.is-return:hover .dxha-ico{ background: #dc2626; color: #fff; } #dxHeader form.dxha-logout{ margin: 0; } #dxHeader .dxha-link.is-logout{ color: #475569; font-weight: 600; } #dxHeader .dxha-link.is-logout .dxha-ico{ background: #f1f5f9; color: #475569; } #dxHeader .dxha-link.is-logout:hover{ background: #fef2f2; color: #d7312c; } #dxHeader .dxha-link.is-logout:hover .dxha-ico{ background: #d7312c; color: #fff; } #dxHeader .dxha-link.is-logout:hover .dxha-chev{ color: #d7312c; transform: translate(2px, -2px); } @media (prefers-reduced-motion: reduce) { #dxHeader .dxha-link,#dxHeader .dxha-ico,#dxHeader .dxha-chev{ transition: none; } } body.dxob-page{margin:0;min-height:100vh;background:#f5f8ff;color:#0f172a;font-family:'Nunito',sans-serif} .dxob-page *{box-sizing:border-box} .dxob-page [hidden]{display:none!important} .dxob-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .dxob-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px;padding:0 max(15px,calc((100vw - 1290px)/2));background:#fff;border-bottom:1px solid #e2e8f0} .dxob-header img{display:block;width:150px;height:auto} .dxob-header>span{font-size:14px;font-weight:600;color:#64748b;text-align:right} .dxob-layout{display:grid;grid-template-columns:420px minmax(0,1fr);max-width:1290px;margin:32px auto 48px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(15,23,42,.06)} .dxob-story{position:relative;display:flex;flex-direction:column;padding:44px 36px 32px;background:linear-gradient(180deg,#f5f8ff 0%,#eef4ff 100%);border-right:1px solid #e3ecfb} .dxob-stripe{display:flex;gap:4px;margin-bottom:14px} .dxob-stripe i{display:block;width:22px;height:4px;border-radius:2px} .dxob-stripe i:nth-child(1){background:#d7312c}.dxob-stripe i:nth-child(2){background:#29579c}.dxob-stripe i:nth-child(3){background:#33a052}.dxob-stripe i:nth-child(4){background:#f1bb3c} .dxob-eyebrow,.dxob-kicker{display:block;font-size:11.5px;font-weight:800;letter-spacing:1.2px;color:#3174f1} .dxob-story h1{margin:12px 0 10px;font-size:44px;font-weight:800;line-height:1.1;letter-spacing:-1px;color:#0f172a} .dxob-story>p{margin:0;font-size:16px;line-height:1.7;color:#475569} .dxob-mascot{display:flex;justify-content:center;margin:20px 0 8px} .dxob-mascot img{display:block;width:210px;height:auto} .dxob-bubble{position:relative;padding:16px 18px;background:#fff;border:1px solid #dbe6fb;border-radius:16px;box-shadow:0 10px 26px rgba(15,23,42,.06)} .dxob-bubble::before{content:"";position:absolute;top:-8px;left:50%;width:14px;height:14px;background:#fff;border-left:1px solid #dbe6fb;border-top:1px solid #dbe6fb;transform:translateX(-50%) rotate(45deg)} .dxob-bubble span{display:block;margin-bottom:6px;font-size:10.5px;font-weight:800;letter-spacing:1px;color:#3174f1} .dxob-bubble p{margin:0;font-size:15px;line-height:1.6;color:#0f172a} .dxob-story-foot{margin-top:auto;padding-top:26px;font-size:14px;font-weight:700;color:#334155} .dxob-story-foot small{display:block;margin-top:3px;font-size:13px;font-weight:500;color:#64748b} .dxob-shell{padding:38px 48px 30px} .dxob-steps{display:flex;justify-content:space-between;gap:16px;margin:0 0 34px;padding:0;list-style:none} .dxob-steps li{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#94a3b8} .dxob-steps li span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #e2e8f0;border-radius:50%;font-size:12.5px;font-weight:700} .dxob-steps li[aria-current]{color:#3174f1} .dxob-steps li[aria-current] span{background:#3174f1;border-color:#3174f1;color:#fff} .dxob-steps li.is-done span{background:#eef4ff;border-color:#c7d7f7;color:#3174f1} .dxob-step+.dxob-step{margin-top:36px;padding-top:30px;border-top:1px solid #edf2f7} .dxob-js .dxob-step+.dxob-step{margin-top:0;padding-top:0;border-top:0} .dxob-kicker{margin-bottom:10px} .dxob-step h2{margin:0 0 8px;font-size:28px;font-weight:800;line-height:1.25;letter-spacing:-.4px;color:#0f172a;outline:none} .dxob-intro{margin:0 0 22px;font-size:15px;line-height:1.6;color:#64748b} .dxob-page fieldset{margin:0;padding:0;border:0;min-width:0} .dxob-page input[type=radio],.dxob-page input[type=checkbox]{accent-color:#3174f1} .dxob-kinds{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px} .dxob-kinds label{position:relative;display:flex;flex-direction:column;padding:18px;border:1px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:border-color .15s,background .15s} .dxob-kinds input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer} .dxob-choice-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:12px;border-radius:10px;background:#eef4ff;color:#3174f1} .dxob-choice-icon svg{width:22px;height:22px} .dxob-kinds strong{display:block;font-size:17px;font-weight:800} .dxob-kinds small{display:block;margin-top:4px;font-size:13px;line-height:1.5;color:#64748b} .dxob-kinds i{position:absolute;top:18px;right:18px;width:18px;height:18px;border:1px solid #cbd5e1;border-radius:50%} .dxob-kinds input:checked~i{border:6px solid #3174f1;background:#fff} .dxob-page label:has(input[type=radio]:checked){border-color:#3174f1;background:#f5f8ff} .dxob-page label:has(input:focus-visible){outline:3px solid #93b4f8;outline-offset:2px} .dxob-hint{margin:0 0 16px;padding:12px 14px;border-radius:10px;background:#f5f8ff;font-size:14px;line-height:1.5;color:#334155} .dxob-fields{display:flex;flex-direction:column;gap:8px} .dxob-fields>div{display:flex;flex-direction:column;gap:8px} .dxob-fields label{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:14px;font-weight:700;color:#0f172a} .dxob-fields label small,.dxob-email-options legend small{margin-left:auto;font-size:12.5px;font-weight:500;color:#64748b} .dxob-fields b,.dxob-email-options legend b{color:#3174f1} .dxob-fields input,.dxob-fields select{width:100%;height:50px;padding:0 14px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;font-family:inherit;font-size:16px;outline:none} .dxob-fields input:focus,.dxob-fields select:focus{border-color:#3174f1;box-shadow:0 0 0 3px rgba(49,116,241,.16)} .dxob-fields input::placeholder{color:#94a3b8} .dxob-note{margin:2px 0 0;font-size:13px;line-height:1.5;color:#64748b} .dxob-goals{display:grid;gap:10px;margin-bottom:18px} .dxob-goals label{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s} .dxob-goals label>span{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:10px;background:#eef4ff;color:#3174f1;font-size:18px;font-weight:700} .dxob-goals strong{display:block;font-size:16px;font-weight:800} .dxob-goals small{display:block;margin-top:2px;font-size:13.5px;color:#64748b} .dxob-goals input{flex-shrink:0;width:18px;height:18px;margin:0;order:3;margin-left:auto} .dxob-email-options{display:grid;gap:10px;margin-top:16px} .dxob-email-options legend{display:flex;width:100%;margin-bottom:10px;font-size:14px;font-weight:700} .dxob-email-options label{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer} .dxob-summary{display:grid;gap:0;margin:0 0 20px;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden} .dxob-summary div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:11px 14px;border-bottom:1px solid #edf2f7} .dxob-summary div:last-child{border-bottom:0} .dxob-summary dt{font-size:13.5px;font-weight:600;color:#64748b} .dxob-summary dd{margin:0;font-size:14.5px;font-weight:700;color:#0f172a;overflow-wrap:anywhere} .dxob-page:not(.dxob-js) .dxob-summary{display:none} .dxob-password{margin-bottom:16px;padding:16px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc} .dxob-password-toggle{display:flex;align-items:flex-start;gap:12px;cursor:pointer} .dxob-password-toggle input{width:18px;height:18px;margin-top:3px;flex-shrink:0} .dxob-password-toggle strong{display:block;font-size:15px;font-weight:800} .dxob-password-toggle small{display:block;margin-top:2px;font-size:13px;color:#64748b} .dxob-password .dxob-fields{margin-top:12px} .dxob-completion-note{margin:0;font-size:13.5px;line-height:1.6;color:#64748b} .dxob-error{margin:18px 0 0;padding:12px 14px;border:1px solid #fecaca;border-radius:10px;background:#fef2f2;font-size:14px;font-weight:600;color:#b91c1c} .dxob-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px} .dxob-actions button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:13px 22px;border:1px solid #3174f1;border-radius:8px;background:#3174f1;color:#fff;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(49,116,241,.2)} .dxob-actions button:hover{background:#1d4ed8;border-color:#1d4ed8} .dxob-actions button:disabled{opacity:.7;cursor:wait} .dxob-actions .dxob-back{margin-right:auto;background:#fff;border-color:#e2e8f0;color:#475569;box-shadow:none} .dxob-actions .dxob-back:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a} .dxob-actions button:focus-visible,.dxob-logout button:focus-visible{outline:3px solid #93b4f8;outline-offset:2px} .dxob-required-note{margin:12px 0 0;font-size:13px;text-align:right;color:#64748b} .dxob-logout{margin:22px 0 0;text-align:right} .dxob-logout button{padding:6px 0;border:0;background:none;font-family:inherit;font-size:13px;font-weight:600;color:#64748b;text-decoration:underline;cursor:pointer} .dxob-logout button:hover{color:#d7312c} @media(max-width:991px){ .dxob-layout{grid-template-columns:minmax(0,1fr);margin:16px 15px 32px;border-radius:16px} .dxob-story{display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-areas:"stripe stripe" "eyebrow eyebrow" "title title" "lead lead" "mascot bubble";column-gap:14px;padding:24px 18px 20px;border-right:0;border-bottom:1px solid #e3ecfb} .dxob-stripe{grid-area:stripe}.dxob-story .dxob-eyebrow{grid-area:eyebrow} .dxob-story h1{grid-area:title;font-size:32px;margin:8px 0 6px} .dxob-story>p{grid-area:lead;font-size:14.5px} .dxob-mascot{grid-area:mascot;margin:14px 0 0;align-self:end} .dxob-mascot img{width:100px} .dxob-bubble{grid-area:bubble;align-self:center;margin-top:14px} .dxob-bubble::before{top:50%;left:-8px;transform:translateY(-50%) rotate(-45deg)} .dxob-story-foot{display:none} .dxob-shell{padding:24px 18px 22px} } @media(max-width:575px){ .dxob-header{min-height:68px} .dxob-header img{width:120px} .dxob-header>span{font-size:12.5px} .dxob-steps{margin-bottom:24px;gap:6px} .dxob-steps li{font-size:12px;gap:5px} .dxob-step h2{font-size:24px} .dxob-kinds{gap:10px} .dxob-kinds label{padding:14px} .dxob-kinds strong{font-size:15.5px} .dxob-summary div{grid-template-columns:minmax(0,1fr);gap:2px} .dxob-actions button{flex:1} .dxob-actions .dxob-back{flex:0 0 auto} } .dxrc-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .dxrc-card,.dxrc-empty{display:flex;flex-direction:column;padding:24px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.05)} .dxrc-feed>.dxrc-card:only-child,.dxrc-feed>.is-primary+.dxrc-card:last-child,.dxrc-feed>.dxrc-empty+.dxrc-card:last-child{grid-column:1/-1} .dxrc-card.is-primary{grid-column:1/-1;border-color:#dbe6fb;border-top:4px solid #3174f1;background:linear-gradient(180deg,#f8fbff 0%,#fff 70%)} .dxrc-card.is-owned{background:#f8fafc} .dxrc-card-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px} .dxrc-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eef4ff;color:#3174f1;font-size:19px;font-weight:700} .dxrc-card.is-owned .dxrc-icon{background:#ecfdf5;color:#047857} .dxrc-label{font-size:11.5px;font-weight:800;letter-spacing:1px;color:#475569} .dxrc-priority{margin-left:auto;padding:4px 10px;border-radius:999px;background:#3174f1;color:#fff;font-size:11px;font-weight:800;letter-spacing:.6px} .dxrc-card h2,.dxrc-empty h2{margin:0 0 8px;font-family:'Nunito',sans-serif;font-size:22px;font-weight:800;line-height:1.3;color:#0f172a} .dxrc-card.is-primary h2{font-size:26px} .dxrc-card>p,.dxrc-empty p{margin:0;font-size:15px;line-height:1.65;color:#475569} .dxrc-reason{margin-top:16px;padding:14px 16px;border-left:3px solid #3174f1;border-radius:0 10px 10px 0;background:#f5f8ff} .dxrc-reason strong{display:block;margin-bottom:4px;font-size:14px;font-weight:800;color:#0f172a} .dxrc-reason p{margin:0;font-size:14.5px;line-height:1.6;color:#334155} .dxrc-benefits{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none} .dxrc-benefits li{padding:7px 12px;border-radius:999px;background:#eef4ff;color:#1d4ed8;font-size:13.5px;font-weight:700} .dxrc-action{margin-top:auto;padding-top:20px} .dxrc-action a,.dxrc-empty>a{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:12px 18px;border:1px solid #3174f1;border-radius:8px;background:#3174f1;color:#fff;font-size:14.5px;font-weight:700} .dxrc-action a:hover,.dxrc-empty>a:hover{background:#1d4ed8;border-color:#1d4ed8;color:#fff;text-decoration:none} .dxrc-card:not(.is-primary) .dxrc-action a,.dxrc-empty>a{background:#fff;color:#3174f1} .dxrc-card:not(.is-primary) .dxrc-action a:hover,.dxrc-empty>a:hover{background:#eef4ff;color:#1d4ed8} .dxrc-empty{grid-column:1/-1;align-items:flex-start} .dxrc-empty>a{margin-top:16px} @media(max-width:800px){ .dxrc-feed{grid-template-columns:minmax(0,1fr)} .dxrc-card,.dxrc-empty{padding:20px 16px} .dxrc-card.is-primary h2{font-size:22px} .dxrc-action a{width:100%;justify-content:center} } .dxob-fields input.is-valid,.dxob-fields select.is-valid{border-color:#16a34a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2316a34a'/%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:16px 16px;background-position:right 14px center;padding-right:40px} .dxob-fields select.is-valid{background-position:right 36px center;padding-right:60px} .dxob-fields input.is-valid:focus,.dxob-fields select.is-valid:focus{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.15)} .dxob-fields input.is-invalid,.dxob-fields select.is-invalid{border-color:#dc2626;background-color:#fef2f2;box-shadow:none} .dxob-fields input.is-invalid:focus,.dxob-fields select.is-invalid:focus{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.15)} .dxob-field-error{display:flex;align-items:center;gap:6px;margin:2px 0 4px;font-size:13.5px;font-weight:600;color:#dc2626} .dxob-field-error::before{content:"!";display:grid;place-items:center;flex-shrink:0;width:16px;height:16px;border-radius:50%;background:#dc2626;color:#fff;font-size:11px;font-weight:800;line-height:1} .dxob-group-error{margin:-8px 0 16px} .dxob-kinds.is-invalid label,.dxob-goals.is-invalid label,.dxob-email-options.is-invalid label{border-color:#fca5a5;background:#fef2f2} .dxob-goals>.dxob-field-error,.dxob-email-options>.dxob-field-error{margin-top:2px} .dxob-page .dxob-kinds{margin-bottom:20px} .dxob-page .dxob-goals{margin-bottom:18px} .dxob-page .dxob-email-options{margin-top:16px} .dxob-goals label,.dxob-email-options label{position:relative;padding-right:52px} .dxob-goals input,.dxob-email-options input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;order:0} .dxob-tick{position:absolute;top:50%;right:16px;width:22px;height:22px;margin-top:-11px;border:1.5px solid #cbd5e1;border-radius:50%;background:#fff;transition:background-color .15s,border-color .15s} .dxob-kinds .dxob-tick{top:18px;margin-top:0;border-width:1.5px} .dxob-kinds input:checked~i{border:1.5px solid #3174f1;background:#fff} .dxob-page input:checked~.dxob-tick{border-color:#3174f1;background:#3174f1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.2 2.2 4.8-4.9' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 12px no-repeat} .dxob-goals label:hover,.dxob-email-options label:hover,.dxob-kinds label:hover{border-color:#93b4f8} .dxob-page label:has(input[type=radio]:checked){border-color:#3174f1;background:#f5f8ff;box-shadow:0 0 0 1px #3174f1 inset} .dxob-kinds.is-invalid .dxob-tick,.dxob-goals.is-invalid .dxob-tick,.dxob-email-options.is-invalid .dxob-tick{border-color:#fca5a5} @media(prefers-reduced-motion:reduce){.dxob-tick,.dxob-goals label,.dxob-kinds label{transition:none}} .dxob-page .dxob-email-options legend{display:block} .dya-page{--dya-ink:#0f172a;--dya-muted:#64748b;--dya-blue:#3174f1;--dya-blue-dark:#1d4ed8;--dya-line:#e2e8f0;--dya-soft:#f5f8ff;background:#fff;color:var(--dya-ink);font-family:'Nunito',sans-serif;letter-spacing:normal} .dya-page *{box-sizing:border-box} .dya-page .dya-wrap{max-width:1320px;margin-inline:auto;padding-inline:15px} .dya-page a{color:inherit;text-decoration:none} .dya-page :is(h1,h2,h3,p,figure,dl,dd){margin:0} .dya-page :is(h1,h2,h3){font-family:inherit;color:var(--dya-ink);text-transform:none;letter-spacing:-.03em} .dya-page p{font-size:14.5px;line-height:1.75;color:var(--dya-muted)} .dya-page a:focus-visible{outline:3px solid rgba(49,116,241,.45);outline-offset:4px;border-radius:6px} .dya-page svg{display:block} .dya-stripe{display:flex;gap:4px;margin-bottom:14px} .dya-stripe i{display:block;width:22px;height:4px;border-radius:2px} .dya-stripe i:nth-child(1){background:#d7312c}.dya-stripe i:nth-child(2){background:#29579c}.dya-stripe i:nth-child(3){background:#33a052}.dya-stripe i:nth-child(4){background:#f1bb3c} .dya-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;line-height:1.6;color:var(--dya-blue)} .dya-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;padding:48px 0 44px} .dya-hero h1{font-size:clamp(40px,4.4vw,60px);line-height:1.06;font-weight:800;margin:18px 0 22px} .dya-hero h1 em{display:block;font-style:normal;color:var(--dya-blue);font-size:.66em;line-height:1.2;margin-top:14px} .dya-hero-copy>p{font-size:16px;line-height:1.8;max-width:560px} .dya-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px} .dya-button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:48px;padding:12px 20px;background:var(--dya-blue);border:1px solid var(--dya-blue);color:#fff!important;font-size:14.5px;font-weight:800;border-radius:10px;line-height:1.4;transition:background .15s,box-shadow .15s} .dya-button:hover{background:var(--dya-blue-dark);border-color:var(--dya-blue-dark);box-shadow:0 8px 20px rgba(49,116,241,.22)} .dya-button>span{font-size:18px;font-weight:400} .dya-text-link{display:inline-flex;align-items:center;color:var(--dya-blue-dark)!important;font-weight:800;font-size:14px;line-height:1.6} .dya-text-link:hover{text-decoration:underline;text-underline-offset:4px} .dya-atlas{background:var(--dya-soft);border:1px solid #dbe6fb;border-radius:22px;padding:28px;min-width:0} .dya-atlas-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px} .dya-atlas-heading>img{width:150px;height:auto} .dya-atlas-heading>span{font-size:10.5px;font-weight:800;letter-spacing:.08em;line-height:1.5;color:#475569;max-width:150px;text-align:right} .dya-atlas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .dya-atlas-grid>a,.dya-atlas-grid>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:100px;padding:12px 8px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:13px;font-weight:700;line-height:1.4;text-align:center} .dya-atlas-grid>a{transition:border-color .15s,box-shadow .15s} .dya-atlas-grid>a:hover{border-color:#a9c4f7;box-shadow:0 6px 16px rgba(49,116,241,.1)} .dya-atlas-grid img{width:40px;height:40px;object-fit:contain} .dya-atlas-foundation{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid #dbe6fb;font-size:13px;font-weight:700;color:#334155} .dya-atlas-foundation i{font-style:normal;color:var(--dya-blue)} .dya-foundation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:26px 0;border-block:1px solid var(--dya-line)} .dya-foundation>div{padding-right:20px;border-right:1px solid var(--dya-line)} .dya-foundation>div:last-child{border:0;padding-right:0} .dya-foundation strong{display:block;font-size:24px;font-weight:800;line-height:1.25;letter-spacing:-.02em;color:var(--dya-ink)} .dya-foundation span{display:block;margin-top:6px;font-size:13px;line-height:1.6;color:var(--dya-muted)} .dya-section{padding-block:56px;scroll-margin-top:24px} .dya-section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:28px} .dya-page h2{font-size:clamp(28px,2.9vw,40px);line-height:1.15;font-weight:800} .dya-section-heading h2{margin-top:10px} .dya-section-heading>p{max-width:470px;font-size:14.5px} .dya-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .dya-product{display:flex;flex-direction:column;min-width:0;padding:24px;background:#fff;border:1px solid var(--dya-line);border-radius:16px;transition:border-color .15s,box-shadow .15s,transform .15s} a.dya-product:hover{border-color:#a9c4f7;box-shadow:0 10px 26px rgba(15,23,42,.07);transform:translateY(-2px)} .dya-product-top{display:flex;align-items:center;gap:12px;margin-bottom:16px} .dya-product-top img{width:40px;height:40px;object-fit:contain} .dya-product-top>span{flex:1;font-size:10.5px;font-weight:800;letter-spacing:.08em;line-height:1.4;color:#475569} .dya-product-top>b{font-size:18px;font-weight:400;color:var(--dya-blue)} .dya-product h3{font-size:20px;line-height:1.25;font-weight:800;margin-bottom:8px} .dya-product-benefit{display:block;margin-bottom:8px;font-size:14px;line-height:1.55;font-weight:700;color:var(--dya-blue-dark)} .dya-product p{font-size:13.5px;line-height:1.7;margin-bottom:16px} .dya-product-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto} .dya-product-tags>span{padding:4px 9px;border-radius:999px;background:var(--dya-soft);border:1px solid #dbe6fb;font-size:11.5px;font-weight:700;line-height:1.5;color:#1e40af} .dya-infrastructure{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:20px;padding:22px 26px;border-radius:14px;border:1px solid #dbe6fb;background:var(--dya-soft)} .dya-infrastructure p{margin-top:6px;font-size:14px;max-width:560px} .dya-infrastructure-links{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px 22px;max-width:440px} .dya-infrastructure-links>a{font-size:14px;font-weight:800;color:var(--dya-blue-dark);white-space:nowrap} .dya-infrastructure-links>a:hover{text-decoration:underline;text-underline-offset:4px} .dya-value{display:grid;grid-template-columns:.8fr 1.4fr;gap:64px;border-block:1px solid var(--dya-line)} .dya-value-heading h2{margin:12px 0 16px} .dya-value-heading>p{max-width:360px} .dya-benefits{display:grid;grid-template-columns:1fr 1fr;gap:28px 34px} .dya-benefits>article{display:flex;align-items:flex-start;gap:15px} .dya-benefit-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:#eef4ff;color:var(--dya-blue)} .dya-benefit-icon svg{width:24px;height:24px} .dya-benefits h3{margin-bottom:8px;font-size:18px;font-weight:800;line-height:1.35} .dya-benefits p{font-size:14px;line-height:1.75} .dya-experience{display:grid;grid-template-columns:1.04fr 1fr;gap:60px;align-items:center} .dya-people{min-width:0} .dya-work-photo,.dya-people-bottom figure{overflow:hidden;border-radius:16px;background:#eef4ff} .dya-work-photo img,.dya-people-bottom img{display:block;width:100%;height:auto} .dya-people-bottom{display:grid;grid-template-columns:1.07fr 1fr;gap:18px;margin-top:18px;align-items:center} .dya-people-bottom>div{padding:6px 8px} .dya-people-bottom>div>span{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--dya-blue)} .dya-people-bottom strong{display:block;margin:8px 0 12px;font-size:28px;font-weight:800;line-height:1.15;letter-spacing:-.03em;color:var(--dya-ink)} .dya-people-bottom small{display:block;font-size:11.5px;line-height:1.6;color:#94a3b8} .dya-experience-copy h2{margin:12px 0 18px} .dya-experience-copy .dya-experience-lead{margin-bottom:14px;font-size:18px;line-height:1.6;font-weight:600;color:#334155} .dya-expertise{margin:22px 0;border-top:1px solid var(--dya-line)} .dya-expertise>div{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--dya-line)} .dya-expertise dt{font-size:14px;font-weight:800;line-height:1.6;color:var(--dya-ink)} .dya-expertise dd{font-size:14px;line-height:1.7;color:var(--dya-muted)} .dya-experience-copy .dya-production-note{margin-bottom:14px;font-size:13.5px} .dya-partners{display:grid;grid-template-columns:1fr 2fr;gap:45px;align-items:center;padding:34px 0 40px;border-block:1px solid var(--dya-line)} .dya-partners h2{margin-top:10px;font-size:28px} .dya-partner-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch} .dya-partner-grid>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0;min-height:128px;padding:16px 10px;background:#fff;border:1px solid var(--dya-line);border-radius:14px} .dya-partner-grid img{width:100%;max-width:140px;height:48px;object-fit:contain} .dya-partner-grid img[src*=google-partner]{height:64px;max-width:90px} .dya-partner-grid span{font-size:12px;font-weight:700;line-height:1.5;text-align:center;color:var(--dya-muted)} .dya-close{display:flex;justify-content:space-between;align-items:center;gap:36px;margin:48px 0 60px;padding:40px 44px;border-radius:22px;background:var(--dya-soft);border:1px solid #dbe6fb} .dya-close h2{margin-top:10px;font-size:32px} .dya-close>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:14px;flex-shrink:0} @media(max-width:1100px){ .dya-hero{gap:36px}.dya-atlas{padding:22px} .dya-section-heading{gap:36px} .dya-value{grid-template-columns:1fr 1.5fr;gap:36px} .dya-experience{gap:36px} .dya-expertise>div{grid-template-columns:130px 1fr;gap:14px} .dya-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:800px){ .dya-hero{grid-template-columns:1fr;gap:28px;padding:28px 0 32px} .dya-hero h1{font-size:40px}.dya-hero-copy>p{font-size:15px} .dya-atlas{padding:18px;border-radius:18px} .dya-atlas-grid{gap:8px}.dya-atlas-grid>a,.dya-atlas-grid>div{min-height:90px;font-size:12px;padding:10px 4px} .dya-atlas-grid img{width:34px;height:34px} .dya-atlas-heading>img{width:120px}.dya-atlas-heading>span{font-size:9.5px} .dya-foundation{grid-template-columns:1fr 1fr;gap:20px 16px;padding:22px 0} .dya-foundation>div:nth-child(2){border:0;padding-right:0} .dya-foundation strong{font-size:20px} .dya-section{padding-block:36px;scroll-margin-top:84px} .dya-section-heading{display:block;margin-bottom:22px} .dya-section-heading>p{max-width:none;margin-top:14px} .dya-page h2{font-size:28px} .dya-product-grid{grid-template-columns:1fr;gap:12px} .dya-product{padding:20px} .dya-infrastructure{display:block;padding:20px} .dya-infrastructure-links{justify-content:flex-start;margin-top:14px} .dya-value{grid-template-columns:1fr;gap:24px} .dya-benefits{grid-template-columns:1fr;gap:22px} .dya-experience{grid-template-columns:1fr;gap:26px} .dya-experience-copy{grid-row:1} .dya-expertise>div{grid-template-columns:1fr;gap:4px} .dya-people-bottom strong{font-size:22px} .dya-partners{grid-template-columns:1fr;gap:22px} .dya-partner-grid{grid-template-columns:1fr 1fr;gap:12px} .dya-close{display:block;margin:32px 0 44px;padding:28px 22px} .dya-close h2{font-size:26px} .dya-close>div:last-child{margin-top:20px} .dya-close .dya-button{width:100%} } @media(max-width:400px){.dya-hero h1{font-size:34px}.dya-atlas-grid>a,.dya-atlas-grid>div{font-size:11px}.dya-people-bottom{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){.dya-product,.dya-button,.dya-atlas-grid>a{transition:none}a.dya-product:hover{transform:none}} .dxcn-page{--dxcn-ink:#0f172a;--dxcn-muted:#64748b;--dxcn-blue:#3174f1;--dxcn-blue-dark:#1d4ed8;--dxcn-line:#e2e8f0;--dxcn-soft:#f5f8ff;background:#fff;color:var(--dxcn-ink);font-family:'Nunito',sans-serif;letter-spacing:normal} .dxcn-page *{box-sizing:border-box} .dxcn-page .dxcn-wrap{max-width:1320px;margin-inline:auto;padding-inline:15px} .dxcn-page a{color:inherit;text-decoration:none} .dxcn-page :is(h1,h2,h3,p,figure,ol){margin:0} .dxcn-page :is(h1,h2,h3){font-family:inherit;color:var(--dxcn-ink);letter-spacing:-.025em;text-transform:none} .dxcn-page p{font-size:14.5px;line-height:1.7;color:var(--dxcn-muted)} .dxcn-page svg{display:block;width:20px;height:20px;flex-shrink:0} .dxcn-page a:focus-visible{outline:3px solid rgba(49,116,241,.45);outline-offset:4px;border-radius:6px} .dxcn-stripe{display:flex;gap:4px;margin-bottom:14px} .dxcn-stripe i{display:block;width:22px;height:4px;border-radius:2px} .dxcn-stripe i:nth-child(1){background:#d7312c}.dxcn-stripe i:nth-child(2){background:#29579c}.dxcn-stripe i:nth-child(3){background:#33a052}.dxcn-stripe i:nth-child(4){background:#f1bb3c} .dxcn-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;line-height:1.6;color:var(--dxcn-blue)} .dxcn-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;padding:44px 0 44px} .dxcn-hero h1{margin:16px 0 18px;font-size:clamp(34px,3.6vw,50px);line-height:1.12;font-weight:800;max-width:620px} .dxcn-hero h1 em{display:block;font-style:normal;color:var(--dxcn-blue)} .dxcn-hero-copy>p:not(.dxcn-account-note){font-size:16px;max-width:520px} .dxcn-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:26px} .dxcn-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:12px 20px;border-radius:10px;background:var(--dxcn-blue);border:1px solid var(--dxcn-blue);color:#fff!important;font-size:15px;font-weight:800;transition:background .15s,box-shadow .15s} .dxcn-primary:hover{background:var(--dxcn-blue-dark);border-color:var(--dxcn-blue-dark);box-shadow:0 8px 20px rgba(49,116,241,.22)} .dxcn-primary svg{width:18px;height:18px} .dxcn-secondary{font-size:14.5px;font-weight:800;color:var(--dxcn-blue-dark)!important} .dxcn-secondary:hover{text-decoration:underline;text-underline-offset:4px} .dxcn-page .dxcn-account-note{margin-top:14px;font-size:13px;max-width:520px} .dxcn-office-jump{display:inline-block;margin-top:22px;padding-top:14px;border-top:1px solid var(--dxcn-line);font-size:13.5px;font-weight:700;color:#475569!important} .dxcn-office-jump:hover{color:var(--dxcn-blue)!important} .dxcn-hub{min-width:0;padding:26px;background:var(--dxcn-soft);border:1px solid #dbe6fb;border-radius:20px} .dxcn-hub-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px} .dxcn-hub h2{margin-top:8px;font-size:26px;line-height:1.2;font-weight:800} .dxcn-mascot{flex-shrink:0;width:150px;max-width:42%;height:110px;overflow:hidden;border-radius:14px;background:#fff;border:1px solid #dbe6fb} .dxcn-mascot video{display:block;width:100%;height:100%;object-fit:contain;background:#fff} .dxcn-flow{list-style:none;padding:0} .dxcn-flow li{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #dbe6fb} .dxcn-flow li:last-child{border-bottom:0} .dxcn-step{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid #dbe6fb;font-size:12px;font-weight:800;color:var(--dxcn-blue)} .dxcn-flow li>div{flex:1;min-width:0} .dxcn-flow h3{font-size:16px;font-weight:800;line-height:1.35} .dxcn-flow p{margin-top:3px;font-size:13.5px;line-height:1.55} .dxcn-flow svg{color:var(--dxcn-blue);opacity:.75} .dxcn-hub-foot{margin-top:8px;padding-top:12px;border-top:1px solid #dbe6fb;font-size:12.5px;font-weight:600;color:#475569} .dxcn-direct{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px 28px;padding:24px 28px;border:1px solid var(--dxcn-line);border-radius:16px;background:#fff;box-shadow:0 6px 22px rgba(15,23,42,.04)} .dxcn-direct h2{margin:6px 0 4px;font-size:22px;font-weight:800;line-height:1.3} .dxcn-direct-copy>p{font-size:14px} .dxcn-shared-number{font-size:28px;font-weight:800;letter-spacing:-.02em;white-space:nowrap;color:var(--dxcn-ink)!important} .dxcn-shared-number:hover{color:var(--dxcn-blue)!important} .dxcn-direct-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px} .dxcn-direct-actions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:10px;border:1px solid var(--dxcn-line);background:#fff;font-size:14px;font-weight:800;white-space:nowrap;transition:background .15s,border-color .15s} .dxcn-direct-actions svg{width:18px;height:18px} .dxcn-phone{color:var(--dxcn-blue-dark)!important} .dxcn-phone:hover{background:#eef4ff;border-color:#bfd3fb!important} .dxcn-whatsapp{color:#15803d!important;border-color:#bbe5c8!important} .dxcn-whatsapp:hover{background:#f0fdf4} .dxcn-page .dxcn-technical-note{grid-column:1/-1;padding-top:14px;border-top:1px solid var(--dxcn-line);font-size:13.5px} .dxcn-technical-note a{color:var(--dxcn-blue-dark)!important;font-weight:700;text-decoration:underline!important;text-underline-offset:3px} .dxcn-offices{padding:52px 0 64px;scroll-margin-top:24px} .dxcn-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px} .dxcn-section-heading h2{margin-top:8px;font-size:clamp(26px,2.6vw,34px);line-height:1.2;font-weight:800} .dxcn-section-heading>p{max-width:340px;font-size:14px} .dxcn-office-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .dxcn-office{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid var(--dxcn-line);border-radius:16px;transition:box-shadow .15s,border-color .15s} .dxcn-office:hover{border-color:#bfd3fb;box-shadow:0 12px 30px rgba(15,23,42,.07)} .dxcn-office-photo{position:relative;height:190px;overflow:hidden;background:#eef4ff} .dxcn-office-photo img{display:block;width:100%;height:100%;object-fit:cover} #dxcn-trabzon .dxcn-office-photo img{object-position:center 45%} #dxcn-nigde .dxcn-office-photo img{object-position:center 57%} #dxcn-istanbul .dxcn-office-photo img{object-position:center 55%} .dxcn-office-photo figcaption{position:absolute;left:14px;top:14px;padding:6px 12px;border-radius:8px;background:#fff;font-size:18px;font-weight:800;color:var(--dxcn-ink);box-shadow:0 4px 12px rgba(15,23,42,.12)} .dxcn-photo-note{position:absolute;right:8px;bottom:8px;max-width:calc(100% - 16px);padding:3px 7px;border-radius:5px;background:rgba(255,255,255,.92);font-size:10.5px;line-height:1.5;color:#475569!important} .dxcn-office-body{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px} .dxcn-office-body h3{font-size:17px;font-weight:800;line-height:1.4} .dxcn-address-label{display:block;margin:14px 0 6px;font-size:10.5px;font-weight:800;letter-spacing:.1em;color:#94a3b8} .dxcn-office address{font-style:normal;font-size:14px;line-height:1.7;color:#334155} .dxcn-location-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:18px} .dxcn-location-actions a{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;line-height:1.4} .dxcn-location-actions svg{width:16px;height:16px} .dxcn-map{padding:9px 12px;border-radius:9px;background:#eef4ff;border:1px solid #dbe6fb;color:var(--dxcn-blue-dark)!important} .dxcn-map:hover{background:#e0ebff} .dxcn-directions{color:#475569!important} .dxcn-directions:hover{color:var(--dxcn-blue)!important} @media(max-width:1100px){ .dxcn-hero{gap:36px} .dxcn-direct{grid-template-columns:1fr auto} .dxcn-direct-actions{grid-column:1/-1} } @media(max-width:800px){ .dxcn-hero{grid-template-columns:1fr;gap:26px;padding:28px 0 32px} .dxcn-hero h1{font-size:34px} .dxcn-hero-copy>p:not(.dxcn-account-note){font-size:15px} .dxcn-hero-actions{gap:16px} .dxcn-primary{width:100%} .dxcn-hub{padding:20px} .dxcn-hub h2{font-size:23px} .dxcn-mascot{width:130px;height:96px} .dxcn-direct{grid-template-columns:1fr;padding:20px} .dxcn-direct-actions{grid-column:auto} .dxcn-direct-actions a{flex:1 1 160px} .dxcn-shared-number{font-size:28px} .dxcn-section-heading{display:block} .dxcn-section-heading>p{max-width:none;margin-top:10px} .dxcn-offices{padding:36px 0 44px;scroll-margin-top:80px} .dxcn-office-grid{grid-template-columns:1fr;gap:16px} } @media(max-width:380px){.dxcn-hero h1{font-size:30px}.dxcn-flow svg{display:none}.dxcn-mascot{width:110px;height:84px}} @media(prefers-reduced-motion:reduce){.dxcn-primary,.dxcn-office,.dxcn-direct-actions a{transition:none}} @media (min-width: 992px) and (max-width: 1599.98px) { .admin-main{ padding: 22px 20px; } .admin-topbar{ padding: 0 20px; gap: 12px; } .admin-topbar > div{ min-width: 0; } .admin-topbar > div:last-child{ flex-shrink: 0; } .admin-topbar .btn{ white-space: nowrap; } .admin-topbar .d-md-block > div:first-child{ max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .admin-main .table:not(.table-sm) > thead > tr > th,.admin-main .table:not(.table-sm) > tbody > tr > td{ padding-left: 8px; padding-right: 8px; } } .dx-tbl-autowrap{ margin-bottom: 1rem; } .dx-tbl-autowrap > .table{ margin-bottom: 0; } @media (min-width: 768px) { .dx-tbl-over > .dx-tbl-sticky > thead > tr > :last-child,.dx-tbl-over > .dx-tbl-sticky > tbody > tr > :last-child{ position: sticky; right: 0; z-index: 2; box-shadow: -10px 0 12px -10px rgba(15, 23, 42, .28); transition: box-shadow .15s ease; } .dx-tbl-over > .dx-tbl-sticky > thead > tr > :last-child{ z-index: 3; } :where(.dx-tbl-over > .dx-tbl-sticky > tbody > tr > :last-child){ background-color: var(--dx-row-bg, var(--dx-tbl-bg, #fff)); } :where(.dx-tbl-over > .dx-tbl-sticky > thead > tr > :last-child){ background-color: var(--dx-tbl-head-bg, #fff); } .dx-tbl-over.dx-tbl-at-end > .dx-tbl-sticky > thead > tr > :last-child,.dx-tbl-over.dx-tbl-at-end > .dx-tbl-sticky > tbody > tr > :last-child{ box-shadow: none; } .dx-tbl-over > .dx-tbl-sticky > tbody > tr:hover > :last-child{ background-image: linear-gradient(rgba(15, 23, 42, .035), rgba(15, 23, 42, .035)); } .dx-tbl-over > .dx-tbl-sticky > tbody > tr > :last-child:focus-within,.dx-tbl-over > .dx-tbl-sticky > tbody > tr > :last-child:has(.show){ z-index: 4; } } .dxpn{ --primary: #2563eb; --primary-hover: #1d4ed8; --primary-light: #eff6ff; --secondary: #0f172a; --sidebar-bg: #090d16; --sidebar-text: #94a3b8; --sidebar-active: #ffffff; --sidebar-hover: #1e293b; --body-bg: #f8fafc; --card-bg: #ffffff; --border: #e2e8f0; --text-main: #0f172a; --text-muted: #64748b; --success: #10b981; --success-light: #ecfdf5; --warning: #f59e0b; --warning-light: #fffbeb; --danger: #ef4444; --danger-light: #fef2f2; --radius-sm: 6px; --radius-md: 10px; --radius-lg: 14px; --radius-full: 9999px; --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.07), 0 2px 4px -2px rgb(0 0 0 / 0.05); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.08), 0 4px 6px -4px rgb(0 0 0 / 0.04); --sidebar-w: 260px; --header-h: 70px; } :where(.dxpn-content) *,:where(.dxpn-content) *::before,:where(.dxpn-content) *::after{ box-sizing: border-box; margin: 0; padding: 0; } .dxpn{ margin: 0; /* layout Bootstrap yüklemiyor: tarayıcının varsayılan 8px body boşluğunu sıfırla */ font-family: 'Nunito', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background-color: var(--body-bg); color: var(--text-main); line-height: 1.5; -webkit-font-smoothing: antialiased; overflow-x: hidden; } :where(.dxpn-content) a{ color: inherit; text-decoration: none; } :where(.dxpn) .flash-alert{ display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; border-radius: var(--radius-md); margin-bottom: 24px; font-size: 14px; font-weight: 600; animation: slideDown 0.25s ease; } :where(.dxpn) .flash-alert.success{ background-color: var(--success-light); color: #065f46; border: 1px solid #a7f3d0; } :where(.dxpn) .flash-alert.error{ background-color: var(--danger-light); color: #991b1b; border: 1px solid #fecaca; } @keyframes slideDown { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } :where(.dxpn) .portal-card{ background: var(--card-bg); border-radius: var(--radius-lg); border: 1px solid var(--border); box-shadow: var(--shadow-sm); padding: 24px; margin-bottom: 24px; transition: box-shadow 0.2s ease; } :where(.dxpn) .portal-card:hover{ box-shadow: var(--shadow-md); } :where(.dxpn) .portal-table-wrap{ width: 100%; overflow-x: auto; border-radius: var(--radius-md); } :where(.dxpn) .portal-table{ width: 100%; border-collapse: collapse; text-align: left; font-size: 14px; } :where(.dxpn) .portal-table th{ background: #f8fafc; color: #475569; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; padding: 12px 18px; border-bottom: 1px solid var(--border); } :where(.dxpn) .portal-table td{ padding: 16px 18px; border-bottom: 1px solid var(--border); vertical-align: middle; color: var(--text-main); } :where(.dxpn) .portal-table tbody tr{ transition: background-color 0.15s ease; } :where(.dxpn) .portal-table tbody tr:hover{ background-color: #f8fafc; } :where(.dxpn) .badge-pill{ display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: var(--radius-full); font-size: 12px; font-weight: 700; } :where(.dxpn) .badge-pill.active,:where(.dxpn) .badge-pill.running{ background: #dcfce7; color: #15803d; } :where(.dxpn) .badge-pill.warning,:where(.dxpn) .badge-pill.bekliyor{ background: #fef3c7; color: #b45309; } :where(.dxpn) .badge-pill.danger,:where(.dxpn) .badge-pill.stopped,:where(.dxpn) .badge-pill.iptal{ background: #fee2e2; color: #b91c1c; } :where(.dxpn) .badge-pill.blue{ background: #dbeafe; color: #1d4ed8; } :where(.dxpn) .btn-action{ display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; padding: 6px 12px; border-radius: var(--radius-sm); border: 1px solid var(--border); background: #ffffff; color: var(--text-main); cursor: pointer; transition: all 0.15s ease; } :where(.dxpn) .btn-action:hover{ border-color: var(--primary); color: var(--primary); background: var(--primary-light); } :where(.dxpn) .btn-action.primary{ background: var(--primary); color: #ffffff; border-color: var(--primary); } :where(.dxpn) .btn-action.primary:hover{ background: var(--primary-hover); color: #ffffff; } :where(.dxpn) .btn-action.danger{ background: var(--danger-light); color: var(--danger); border-color: #fca5a5; } :where(.dxpn) .btn-action.danger:hover{ background: var(--danger); color: #ffffff; } :where(.dxpn) .form-group{ margin-bottom: 18px; } :where(.dxpn) .form-label{ display: block; font-size: 13px; font-weight: 700; color: var(--text-main); margin-bottom: 6px; } :where(.dxpn) .form-input,:where(.dxpn) .form-select{ width: 100%; padding: 10px 14px; border: 1px solid var(--border); border-radius: var(--radius-md); font-size: 14px; font-family: inherit; color: var(--text-main); background: #ffffff; transition: border-color 0.15s ease, box-shadow 0.15s ease; } :where(.dxpn) .form-input:focus,:where(.dxpn) .form-select:focus{ outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15); } .dxpn{ --body-bg: #f5f7fb; --primary: #3174f1; --primary-hover: #1d4ed8; } .dxpn-shell{ box-sizing: border-box; max-width: 1320px; margin: 0 auto; padding: 24px 15px 56px; display: grid; grid-template-columns: 264px minmax(0, 1fr); gap: 28px; align-items: start; } .dxpn-shell *,.dxpn-shell *::before,.dxpn-shell *::after{ box-sizing: border-box; } .dxpn-side-toggle{ display: none; } .dxpn-side{ padding: 14px 12px; background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; } .dxpn-side-user{ display: flex; align-items: center; gap: 10px; padding: 4px 8px 14px; margin-bottom: 4px; border-bottom: 1px solid #eef2f7; } .dxpn-side-avatar{ flex: 0 0 40px; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: #eef4ff; color: #1d4ed8; font-size: 16px; font-weight: 800; } .dxpn-side-user div{ min-width: 0; } .dxpn-side-user strong{ display: block; font-size: 14.5px; font-weight: 800; color: #0f172a; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dxpn-side-user small{ display: block; font-size: 12px; color: #64748b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dxpn-side-group + .dxpn-side-group{ margin-top: 2px; } .dxpn-side-title{ display: block; padding: 12px 10px 6px; font-size: 11px; font-weight: 800; letter-spacing: .1em; color: #94a3b8; } .dxpn-side-link{ position: relative; display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 8px 10px; border-radius: 10px; color: #334155 !important; font-size: 14px; font-weight: 700; line-height: 1.3; text-decoration: none !important; transition: background-color .15s ease, color .15s ease; } .dxpn-side-link svg{ flex: 0 0 18px; width: 18px; height: 18px; color: #64748b; transition: color .15s ease; } .dxpn-side-link span{ flex: 1; min-width: 0; } .dxpn-side-link:hover{ background: #f5f8ff; color: #1d4ed8 !important; } .dxpn-side-link:hover svg{ color: #3174f1; } .dxpn-side-link.is-active{ background: #eef4ff; color: #1d4ed8 !important; } .dxpn-side-link.is-active svg{ color: #3174f1; } .dxpn-side-link.is-active::before{ content: ""; position: absolute; left: -12px; top: 8px; bottom: 8px; width: 3px; border-radius: 0 3px 3px 0; background: #3174f1; } .dxpn-side-link:focus-visible{ outline: 3px solid rgba(49, 116, 241, .35); outline-offset: 1px; } .dxpn-side-count{ margin-left: auto; min-width: 24px; padding: 1px 8px; border-radius: 999px; background: #f1f5f9; color: #475569; font-size: 11.5px; font-weight: 800; text-align: center; } .dxpn-side-count.is-warn{ background: #fef3c7; color: #b45309; } .dxpn-side-count.is-blue{ background: #3174f1; color: #fff; } .dxpn-side-help{ display: flex; align-items: center; gap: 10px; margin-top: 14px; padding: 12px; border-radius: 12px; background: #f5f8ff; border: 1px solid #dbe6fb; color: #1e293b !important; text-decoration: none !important; } .dxpn-side-help svg{ flex: 0 0 22px; width: 22px; height: 22px; color: #3174f1; } .dxpn-side-help strong{ display: block; font-size: 13px; font-weight: 800; } .dxpn-side-help small{ display: block; font-size: 12px; color: #64748b; } .dxpn-side-help:hover{ border-color: #a9c4f7; } .dxpn-main{ min-width: 0; container: dxpnmain / inline-size; } .dxpn-crumb{ display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; font-size: 13px; color: #64748b; } .dxpn-crumb a{ color: #64748b; text-decoration: none; } .dxpn-crumb a:hover{ color: #3174f1; } .dxpn-crumb strong,.dxpn-crumb .current{ color: #0f172a; font-weight: 700; } .dxpn-content > .flash-alert{ transition: opacity .35s ease, transform .35s ease; } .dxpn-content > .flash-alert.is-leaving{ opacity: 0; transform: translateY(-6px); } .dxpn-flash-close{ border: 0; background: transparent; color: inherit; font-size: 20px; line-height: 1; cursor: pointer; opacity: .65; } .dxpn-flash-close:hover{ opacity: 1; } @media (max-width: 991px) { .dxpn-shell{ grid-template-columns: minmax(0, 1fr); gap: 14px; padding-top: 16px; } .dxpn-side-toggle{ display: flex; align-items: center; gap: 10px; width: 100%; min-height: 48px; padding: 10px 14px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; color: #0f172a; font: inherit; font-size: 15px; font-weight: 800; cursor: pointer; } .dxpn-side-toggle svg{ width: 20px; height: 20px; color: #3174f1; } .dxpn-side-toggle span{ flex: 1; text-align: left; } .dxpn-side-toggle .dxpn-side-caret{ color: #64748b; transition: transform .2s ease; } .dxpn-side-toggle[aria-expanded="true"] .dxpn-side-caret{ transform: rotate(180deg); } .dxpn-side{ display: none; position: static; max-height: none; } .dxpn-side.is-open{ display: block; } } @media (prefers-reduced-motion: reduce) { .dxpn-side-link,.dxpn-content > .flash-alert{ transition: none; } } .dxov-btn{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 8px 16px; border-radius: 10px; border: 1px solid var(--dxov-line); background: #fff; color: #1e293b !important; font-size: 14px; font-weight: 800; line-height: 1.2; white-space: nowrap; transition: background-color .15s, border-color .15s, box-shadow .15s; } .dxov-btn svg{ width: 18px; height: 18px; color: var(--dxov-blue); } .dxov-btn:hover{ border-color: #a9c4f7; background: #f5f8ff; } .dxov-btn.is-primary{ background: var(--dxov-blue); border-color: var(--dxov-blue); color: #fff !important; } .dxov-btn.is-primary svg{ color: #fff; } .dxov-btn.is-primary:hover{ background: var(--dxov-blue-dark); border-color: var(--dxov-blue-dark); box-shadow: 0 6px 16px rgba(49, 116, 241, .22); } .dxov-btn.is-dark{ background: #0f172a; border-color: #0f172a; color: #fff !important; } .dxov-btn.is-upgrade{ background: #16a34a; border-color: #16a34a; color: #fff !important; } .dxov-btn.is-upgrade:hover{ background: #15803d; border-color: #15803d; } .dxov-btn.is-small{ min-height: 34px; padding: 6px 12px; font-size: 13px; border-radius: 8px; } .dxov-btn.is-block{ display: flex; width: 100%; min-height: 46px; } .dxov-btn:focus-visible{ outline: 3px solid rgba(49, 116, 241, .35); outline-offset: 2px; } @media (prefers-reduced-motion: reduce) { .dxov-btn{ transition: none; } } .dxpn .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .dxsite{ margin: 0; background: #fff; } .dxwy{ --wy-ink: #0f172a; --wy-muted: #64748b; --wy-teal: #3174f1; --wy-blue: #3174f1; --wy-blue-dark: #1d4ed8; --wy-line: #e2e8f0; --wy-soft: #f5f8ff; color: var(--wy-ink); font-family: 'Nunito', sans-serif; padding-bottom: 56px; } .dxwy *{ box-sizing: border-box; } .dxwy :is(h1, h2, h3, h4, p, figure, ul, dl, dd){ margin: 0; } .dxwy :is(h1, h2, h3, h4){ color: var(--wy-ink); letter-spacing: -.025em; font-family: inherit; } .dxwy img{ display: block; max-width: 100%; height: auto; } .dxwy a{ text-decoration: none; } .dxwy-wrap{ max-width: 1320px; margin-inline: auto; padding-inline: 15px; } .dxwy-eyebrow{ display: block; margin-bottom: 10px; font-size: 11.5px; font-weight: 800; letter-spacing: .12em; color: var(--wy-teal); } .dxwy-btn{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 50px; padding: 12px 22px; border: 0; border-radius: 12px; background: var(--wy-blue); color: #fff !important; font: inherit; font-size: 15px; font-weight: 800; cursor: pointer; transition: background-color .15s, box-shadow .15s; } .dxwy-btn:hover{ background: var(--wy-blue-dark); box-shadow: 0 8px 20px rgba(49, 116, 241, .22); } .dxwy-btn.is-ghost{ background: #fff; color: var(--wy-ink) !important; border: 1px solid var(--wy-line); } .dxwy-btn.is-ghost:hover{ background: var(--wy-soft); box-shadow: none; } .dxwy-btn.is-block{ display: flex; width: 100%; } .dxwy-btn:disabled{ opacity: .7; cursor: progress; } .dxwy-btn:focus-visible,.dxwy-link:focus-visible,.dxwy a:focus-visible{ outline: 3px solid rgba(49, 116, 241, .35); outline-offset: 3px; } .dxwy-link{ display: inline-flex; align-items: center; gap: 4px; font-size: 14.5px; font-weight: 800; color: var(--wy-blue-dark) !important; } .dxwy-link:hover{ text-decoration: underline; text-underline-offset: 4px; } .dxwy-note{ margin-top: 16px !important; font-size: 13.5px; line-height: 1.65; color: var(--wy-muted); } .dxwy-checks{ padding: 0; list-style: none; } .dxwy-checks li{ position: relative; padding: 4px 0 4px 26px; font-size: 14.5px; color: #475569; } .dxwy-checks li::before{ content: "✓"; position: absolute; left: 0; top: 4px; color: var(--wy-teal); font-weight: 800; } .dxwy-hero{ display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: center; gap: 48px; margin-top: 28px; padding: 44px 48px; border: 1px solid var(--wy-line); border-left: 4px solid var(--wy-teal); border-radius: 24px; background: linear-gradient(120deg, #fff 55%, #f5f8ff); } .dxwy-hero h1{ margin-bottom: 18px; font-size: clamp(34px, 3.6vw, 50px); font-weight: 800; line-height: 1.12; color: var(--wy-ink); letter-spacing: -.02em; } .dxwy-hero h1 em{ display: block; font-style: normal; color: var(--wy-blue); } .dxwy-hero p{ max-width: 560px; font-size: 16.5px; line-height: 1.7; color: #475569; } .dxwy-actions{ display: flex; align-items: center; flex-wrap: wrap; gap: 18px; margin-top: 26px; } .dxwy-signature{ display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 22px; } .dxwy-signature span{ font-size: 13.5px; font-weight: 700; color: var(--wy-muted); } .dxwy-signature span::before{ content: "✓ "; color: var(--wy-teal); } .dxwy-hero-visual img{ margin-inline: auto; max-height: 420px; width: auto; } .dxwy-pagenav{ position: sticky; top: 0; z-index: 5; display: flex; align-items: center; gap: 6px 28px; flex-wrap: wrap; margin: 28px 0 8px; padding: 14px 4px; border-block: 1px solid var(--wy-line); background: rgba(255, 255, 255, .96); backdrop-filter: blur(6px); } .dxwy-pagenav strong{ font-size: 14.5px; font-weight: 800; } .dxwy-pagenav a{ font-size: 14px; font-weight: 700; color: var(--wy-muted) !important; } .dxwy-pagenav a:hover{ color: var(--wy-teal) !important; } .dxwy-pagenav .dxwy-pagenav-cta{ margin-left: auto; color: var(--wy-blue) !important; font-weight: 800; } .dxwy section{ scroll-margin-top: 80px; } .dxwy-intro{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; gap: 40px; margin-bottom: 26px; } .dxwy-intro h2,.dxwy-design-copy h2,.dxwy-mobile h2,.dxwy-closing h2{ font-size: clamp(26px, 2.6vw, 36px); font-weight: 800; line-height: 1.2; color: var(--wy-ink); letter-spacing: -.02em; } .dxwy-intro p{ font-size: 15.5px; line-height: 1.7; color: #475569; } .dxwy-difference{ padding-top: 48px; } .dxwy-choices{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .dxwy-choices article{ display: flex; flex-direction: column; padding: 22px; border: 1px solid var(--wy-line); border-radius: 18px; background: #fff; transition: border-color .15s, box-shadow .15s; } .dxwy-choices article:hover{ border-color: #bfd3fb; box-shadow: 0 12px 28px rgba(15, 23, 42, .07); } .dxwy-choice-visual{ display: block; margin-bottom: 18px; } .dxwy-choice-visual img{ height: 190px; width: auto; margin-inline: auto; object-fit: contain; } .dxwy-choices h3{ margin-bottom: 8px; font-size: 19px; font-weight: 800; color: var(--wy-ink); letter-spacing: -.02em; } .dxwy-choices p{ flex: 1; margin-bottom: 14px; font-size: 14.5px; line-height: 1.65; color: var(--wy-muted); } .dxwy-experience{ margin-top: 48px; padding: 36px 40px; border: 1px solid var(--wy-line); border-radius: 24px; background: #fff; } .dxwy-tabs{ display: flex; gap: 6px 24px; flex-wrap: wrap; margin-bottom: 26px; border-bottom: 1px solid var(--wy-line); } .dxwy-tabs button{ position: relative; padding: 10px 2px 14px; border: 0; background: none; font: inherit; font-size: 15px; font-weight: 800; color: var(--wy-muted); cursor: pointer; } .dxwy-tabs button[aria-selected="true"]{ color: var(--wy-ink); } .dxwy-tabs button[aria-selected="true"]::after{ content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; border-radius: 3px; background: var(--wy-teal); } .dxwy-tabs button:focus-visible{ outline: 3px solid rgba(49, 116, 241, .35); outline-offset: 2px; } .dxwy-panel-head{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; margin-bottom: 26px; } .dxwy-panel-head h3{ margin-bottom: 14px; font-size: 24px; font-weight: 800; color: var(--wy-ink); letter-spacing: -.02em; } .dxwy-panel-head p{ margin-bottom: 12px; font-size: 15px; line-height: 1.7; color: #475569; } .dxwy-features{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .dxwy-features[data-count="4"]{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .dxwy-features article{ padding: 16px; border: 1px solid var(--wy-line); border-radius: 16px; background: #fff; } .dxwy-features img{ height: 140px; width: auto; margin: 0 auto 14px; object-fit: contain; } .dxwy-features img.is-real{ width: 100%; height: 140px; object-fit: cover; object-position: top; border-radius: 10px; border: 1px solid var(--wy-line); } .dxwy-features h4{ margin-bottom: 6px; font-size: 16px; font-weight: 800; color: var(--wy-ink); letter-spacing: -.02em; } .dxwy-features p{ font-size: 13.5px; line-height: 1.6; color: var(--wy-muted); } .dxwy-integrations{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 20px; } .dxwy-integrations article{ padding: 16px; border-radius: 16px; background: var(--wy-soft); } .dxwy-integrations h4{ margin-bottom: 12px; font-size: 15px; font-weight: 800; } .dxwy-logos{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; } .dxwy-logos img{ width: 100%; height: 46px; padding: 8px; object-fit: contain; border-radius: 10px; background: #fff; border: 1px solid var(--wy-line); } .dxwy-integrations p{ font-size: 13px; line-height: 1.55; color: var(--wy-muted); } .dxwy-integrations .dxwy-note{ grid-column: 1 / -1; margin-top: 0 !important; } .dxwy-screen{ margin-bottom: 20px; border: 1px solid var(--wy-line); border-radius: 16px; overflow: hidden; background: #fff; } .dxwy-screen-bar{ display: flex; align-items: center; gap: 6px; padding: 10px 14px; background: var(--wy-soft); border-bottom: 1px solid var(--wy-line); } .dxwy-screen-bar i{ width: 10px; height: 10px; border-radius: 50%; background: #cbd5e1; } .dxwy-screen-bar span{ margin-left: 8px; font-size: 13px; font-weight: 700; color: var(--wy-muted); } .dxwy-screen img{ width: 100%; } .dxwy-screen figcaption{ padding: 10px 14px; font-size: 12.5px; color: var(--wy-muted); } .dxwy-screen figcaption a{ color: var(--wy-teal); font-weight: 700; } .dxwy-design{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 48px; margin-top: 32px; padding: 40px; border: 1px solid var(--wy-line); border-radius: 24px; } .dxwy-design-visual{ position: relative; } .dxwy-design-visual img{ max-height: 340px; width: auto; margin-inline: auto; } .dxwy-colors{ display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; padding: 8px 14px; border-radius: 999px; background: var(--wy-soft); font-size: 12.5px; font-weight: 700; color: var(--wy-muted); } .dxwy-colors i{ width: 16px; height: 16px; border-radius: 50%; background: var(--wy-teal); } .dxwy-colors i:nth-of-type(2){ background: #f59e0b; } .dxwy-colors i:nth-of-type(3){ background: #3174f1; } .dxwy-colors b{ color: var(--wy-ink); } .dxwy-design-copy h2{ margin-bottom: 14px; } .dxwy-design-copy > p{ margin-bottom: 18px; font-size: 15.5px; line-height: 1.7; color: #475569; } .dxwy-options{ margin-bottom: 18px; border-top: 1px solid var(--wy-line); } .dxwy-options div{ padding: 14px 0; border-bottom: 1px solid var(--wy-line); } .dxwy-options dt{ margin-bottom: 4px; font-size: 16px; font-weight: 800; } .dxwy-options dd{ font-size: 14px; color: var(--wy-muted); } .dxwy-mobile{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 40px; margin-top: 32px; padding: 40px; border: 1px solid var(--wy-line); border-radius: 24px; } .dxwy-mobile h2{ margin-bottom: 14px; } .dxwy-mobile p{ margin-bottom: 16px; font-size: 15.5px; line-height: 1.7; color: #475569; } .dxwy-platforms{ display: flex; align-items: center; flex-wrap: wrap; gap: 8px 10px; margin-bottom: 16px; } .dxwy-platforms span{ padding: 5px 12px; border: 1px solid var(--wy-line); border-radius: 8px; font-size: 13px; font-weight: 800; } .dxwy-platforms strong{ font-size: 13px; font-weight: 600; color: var(--wy-muted); } .dxwy-mobile figure img{ max-height: 300px; width: auto; margin-inline: auto; } .dxwy-mobile figcaption{ margin-top: 8px; text-align: center; font-size: 12px; color: var(--wy-muted); } .dxwy-closing{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px; margin-top: 32px; padding: 40px; border-radius: 24px; background: var(--wy-soft); } .dxwy-closing h2{ margin-bottom: 12px; } .dxwy-closing p{ max-width: 620px; font-size: 15.5px; line-height: 1.7; color: #475569; } .dxwy-closing-actions{ display: flex; flex-direction: column; align-items: flex-start; gap: 14px; } .dxwb-head{ padding: 34px 0 20px; } .dxwb-head h1{ margin-bottom: 8px; font-size: clamp(30px, 3vw, 42px); font-weight: 800; color: var(--wy-ink); letter-spacing: -.02em; } .dxwb-head p{ margin-bottom: 10px; font-size: 16px; color: #475569; } .dxwb-stepper{ display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin-bottom: 22px; } .dxwb-stepper button{ display: flex; align-items: center; gap: 8px; padding: 10px 12px; border: 1px solid var(--wy-line); border-radius: 12px; background: #fff; font: inherit; font-size: 13.5px; font-weight: 800; color: var(--wy-muted); text-align: left; cursor: pointer; } .dxwb-stepper b{ flex: 0 0 26px; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: #eef2f6; font-size: 12.5px; } .dxwb-stepper button[aria-current="step"]{ border-color: var(--wy-teal); color: var(--wy-ink); box-shadow: 0 0 0 3px rgba(49, 116, 241, .12); } .dxwb-stepper button[aria-current="step"] b,.dxwb-stepper button.is-done b{ background: var(--wy-teal); color: #fff; } .dxwb-error{ margin-bottom: 16px; padding: 12px 16px; border-radius: 12px; background: #fef2f2; border: 1px solid #fecaca; color: #b91c1c; font-weight: 700; } .dxwb-config{ display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; align-items: start; } .dxwb-steps{ min-width: 0; } .dxwb-step{ margin-bottom: 18px; padding: 28px; border: 1px solid var(--wy-line); border-radius: 20px; background: #fff; } .dxwb-step h2{ margin-bottom: 8px; font-size: 26px; font-weight: 800; line-height: 1.2; color: var(--wy-ink); letter-spacing: -.02em; } .dxwb-step > p{ margin-bottom: 18px; font-size: 15px; line-height: 1.65; color: #475569; } .dxwb-base{ display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px; padding: 20px; border-radius: 16px; background: var(--wy-soft); } .dxwb-base h3{ margin: 8px 0 10px; font-size: 20px; font-weight: 800; } .dxwb-pill{ display: inline-block; padding: 3px 10px; border-radius: 999px; background: #eef4ff; color: #1e40af; font-size: 12px; font-weight: 800; } .dxwb-base-prices{ display: flex; flex-direction: column; gap: 10px; min-width: 210px; } .dxwb-base-prices div{ padding: 12px 14px; border-radius: 12px; background: #fff; border: 1px solid var(--wy-line); } .dxwb-base-prices span{ display: block; font-size: 12.5px; font-weight: 700; color: var(--wy-muted); } .dxwb-base-prices strong{ font-size: 20px; font-weight: 800; } .dxwb-base-prices small{ margin-left: 4px; font-size: 12px; color: var(--wy-muted); } .dxwb-choices{ display: grid; gap: 10px; margin: 0; padding: 0; border: 0; } .dxwb-choice{ display: flex; align-items: flex-start; gap: 12px; margin: 0; padding: 16px 18px; border: 1px solid var(--wy-line); border-radius: 14px; cursor: pointer; transition: border-color .15s, background-color .15s; } .dxwb-choice:hover{ border-color: #bfd3fb; } .dxwb-choice:has(input:checked){ border-color: var(--wy-teal); background: #f5f8ff; box-shadow: 0 0 0 3px rgba(49, 116, 241, .1); } .dxwb-choice input{ width: 18px; height: 18px; margin-top: 3px; accent-color: var(--wy-teal); } .dxwb-choice > span{ flex: 1; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 16px; } .dxwb-choice strong{ font-size: 16px; font-weight: 800; } .dxwb-choice small{ grid-column: 1; font-size: 13.5px; line-height: 1.55; color: var(--wy-muted); } .dxwb-choice b{ grid-column: 2; grid-row: 1 / 3; align-self: center; font-size: 15px; font-weight: 800; white-space: nowrap; } .dxwb-brief{ margin-top: 14px; } .dxwb-brief label{ display: block; margin-bottom: 6px; font-size: 14px; font-weight: 800; } .dxwb-brief textarea{ width: 100%; padding: 12px 14px; border: 1px solid #cbd5e1; border-radius: 12px; font: inherit; font-size: 14.5px; resize: vertical; } .dxwb-brief textarea:focus{ outline: 0; border-color: var(--wy-teal); box-shadow: 0 0 0 3px rgba(49, 116, 241, .12); } .dxwb-brief small{ display: block; margin-top: 6px; font-size: 12.5px; color: var(--wy-muted); } .dxwb-sub{ margin: 40px 0 6px; padding-top: 28px; border-top: 1px solid var(--wy-line); font-size: 18px; font-weight: 800; } .dxwb-group{ margin: 0 0 16px; padding: 0; border: 0; } .dxwb-group legend{ margin-bottom: 8px; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #94a3b8; } .dxwb-modules{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .dxwb-module{ display: flex; align-items: flex-start; gap: 10px; margin: 0; padding: 14px; border: 1px solid var(--wy-line); border-radius: 14px; cursor: pointer; } .dxwb-module:hover{ border-color: #bfd3fb; } .dxwb-module:has(input:checked){ border-color: var(--wy-teal); background: #f5f8ff; } .dxwb-module input{ width: 18px; height: 18px; margin-top: 2px; accent-color: var(--wy-teal); } .dxwb-module > span{ flex: 1; min-width: 0; } .dxwb-module > .dxwb-mark,.dxwb-mark{ flex: 0 0 auto; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; background: #eef4ff; color: #3174f1; } .dxwb-mark svg{ width: 22px; height: 22px; } .dxwb-mark.is-logo{ width: 84px; padding: 4px 8px; background: #fff; border: 1px solid #e2e8f0; } .dxwb-mark.is-logo img{ max-width: 100%; max-height: 28px; object-fit: contain; } @media (max-width: 575px) { .dxwb-mark.is-logo{ width: 64px; } } .dxwb-line .dxwb-disc{ display: block; margin-top: 2px; font-size: 11.5px; font-style: normal; font-weight: 700; color: #15803d; } .dxwb-line s{ margin-right: 4px; font-weight: 600; color: #94a3b8; } .dxwb-final .dxwb-line{ align-items: center; } .dxwb-final .dxwb-line > span{ flex: 1; min-width: 0; } .dxwb-remove{ flex-shrink: 0; margin-left: 12px; padding: 4px 10px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; font: inherit; font-size: 12.5px; font-weight: 700; color: #b91c1c; cursor: pointer; } .dxwb-remove:hover{ border-color: #fecaca; background: #fef2f2; } .dxwb-restore{ flex-shrink: 0; margin-left: 12px; padding: 4px 10px; border: 1px solid #bfd3fb; border-radius: 8px; background: #eef4ff; font: inherit; font-size: 12.5px; font-weight: 700; color: #1d4ed8; cursor: pointer; } .dxwb-restore:hover{ background: #dbe7fd; } .dxwb-line.is-removed > span{ color: #94a3b8; text-decoration: line-through; } .dxwb-line.is-removed .dxwb-disc{ text-decoration: none; } .dxwb-line .dxwb-disc.is-muted{ color: #94a3b8; } .dxwb-offers{ margin-bottom: 18px; padding: 18px; border: 1px solid #bbf7d0; border-radius: 16px; background: #f0fdf4; } .dxwb-offers h3{ margin-bottom: 10px; font-size: 16px; font-weight: 800; color: #166534; } .dxwb-offer{ display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0; border-top: 1px solid #dcfce7; } .dxwb-offer:first-of-type{ border-top: 0; padding-top: 0; } .dxwb-offer strong{ display: block; font-size: 14.5px; font-weight: 800; color: #0f172a; } .dxwb-offer p{ margin-top: 2px; font-size: 13.5px; line-height: 1.55; color: #334155; } .dxwb-offer .dxwy-btn{ flex-shrink: 0; min-height: 40px; padding: 8px 16px; font-size: 13.5px; } @media (max-width: 575px) { .dxwb-offer{ flex-direction: column; align-items: stretch; } } .dxwb [hidden]{ display: none !important; } .dxwb .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .dxwb-module strong{ display: block; font-size: 15px; font-weight: 800; } .dxwb-module small{ display: block; margin-top: 2px; font-size: 13px; line-height: 1.5; color: #475569; } .dxwb-module em{ display: block; margin-top: 3px; font-size: 12px; font-style: normal; color: var(--wy-muted); } .dxwb-module > b{ flex-shrink: 0; font-size: 14px; font-weight: 800; white-space: nowrap; text-align: right; } .dxwb-module > b small{ display: inline; font-size: 11.5px; font-weight: 600; color: var(--wy-muted); } .dxwb-module.is-soon,.dxwb-module.is-unavailable{ opacity: .6; cursor: not-allowed; background: #fafbfc; } .dxwb-module b.is-soon{ color: var(--wy-muted); } .dxwb-module b.is-soon small{ display: block; } .dxwb-module b.is-soon a{ color: var(--wy-teal); font-weight: 700; } .dxwb-final{ margin-bottom: 8px; border-top: 1px solid var(--wy-line); } .dxwb-line{ display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--wy-line); font-size: 14.5px; } .dxwb-line b{ white-space: nowrap; } .dxwb-submit{ margin-top: 16px; } .dxwb-controls{ display: flex; justify-content: space-between; gap: 12px; } .dxwb-controls [hidden]{ display: none; } .dxwb-controls .dxwy-btn:only-child,.dxwb-controls [data-dxwb-next]{ margin-left: auto; } body:not(.dxwb-js) .dxwb-controls{ display: none; } .dxwb-summary{ position: sticky; top: 76px; padding: 22px; border: 1px solid var(--wy-line); border-radius: 20px; background: #fff; } .dxwb-summary h2{ margin-bottom: 12px; font-size: 18px; font-weight: 800; } .dxwb-summary .dxwb-line{ font-size: 13.5px; } .dxwb-totals{ margin-top: 12px; } .dxwb-totals div{ display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; } .dxwb-totals dt{ font-size: 14px; font-weight: 700; color: var(--wy-muted); } .dxwb-totals dd{ font-size: 16px; font-weight: 800; } .dxwb-totals div:first-child dd{ font-size: 22px; color: var(--wy-teal); } .dxwb-totals .is-sub dd{ font-size: 14px; color: var(--wy-muted); } .dxwb-summary-note{ margin: 10px 0 0 !important; font-size: 12px; line-height: 1.5; color: var(--wy-muted); } .dxwb-closed{ margin: 10px 0 40px; padding: 40px; border-radius: 20px; background: var(--wy-soft); text-align: center; } .dxwb-closed h2{ margin-bottom: 8px; font-size: 24px; font-weight: 800; } .dxwb-closed p{ margin-bottom: 18px; color: var(--wy-muted); } @media (max-width: 1199px) { .dxwy-features[data-count="4"],.dxwy-integrations{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .dxwb-stepper{ grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 991px) { .dxwy-hero,.dxwy-design,.dxwy-mobile,.dxwy-intro,.dxwy-panel-head{ grid-template-columns: minmax(0, 1fr); gap: 24px; } .dxwy-hero{ padding: 28px 22px; } .dxwy-choices,.dxwy-features{ grid-template-columns: minmax(0, 1fr); } .dxwy-experience,.dxwy-design,.dxwy-mobile,.dxwy-closing{ padding: 24px 20px; } .dxwy-pagenav{ position: static; gap: 8px 16px; } .dxwy-pagenav .dxwy-pagenav-cta{ margin-left: 0; } .dxwb-config{ grid-template-columns: minmax(0, 1fr); } .dxwb-summary{ position: static; } .dxwb-modules{ grid-template-columns: minmax(0, 1fr); } } @media (max-width: 575px) { .dxwy-hero h1{ font-size: 30px; } .dxwy-hero h1 em{ display: inline; } .dxwy-features[data-count="4"],.dxwy-integrations{ grid-template-columns: minmax(0, 1fr); } .dxwb-stepper{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .dxwb-step{ padding: 20px 16px; } .dxwb-base{ grid-template-columns: minmax(0, 1fr); } .dxwb-choice > span{ grid-template-columns: minmax(0, 1fr); } .dxwb-choice b{ grid-column: 1; grid-row: auto; } .dxwb-module{ flex-wrap: wrap; } .dxwb-module > b{ width: 100%; padding-left: 28px; text-align: left; } .dxwy-btn{ width: 100%; } } @media (prefers-reduced-motion: reduce) { .dxwy-btn,.dxwy-choices article,.dxwb-choice{ transition: none; } } .sss-detay-cont .kat_agaci{ display: none; } .dxsm{ --sm-ink: #0f172a; --sm-muted: #64748b; --sm-text: #475569; --sm-blue: #3174f1; --sm-blue-dark: #1d4ed8; --sm-line: #e2e8f0; --sm-soft: #f5f8ff; color: var(--sm-ink); font-family: 'Nunito', sans-serif; padding-bottom: 56px; } .dxsm *{ box-sizing: border-box; } .dxsm :is(h1, h2, h3, p, figure, ul, ol){ margin: 0; } .dxsm :is(h1, h2, h3){ color: var(--sm-ink); font-family: inherit; letter-spacing: -.02em; } .dxsm img{ display: block; max-width: 100%; height: auto; } .dxsm a{ text-decoration: none; } .dxsm section{ scroll-margin-top: 80px; } .dxsm svg{ width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .dxsm-wrap{ max-width: 1320px; margin-inline: auto; padding-inline: 15px; } .dxsm-eyebrow{ display: block; margin-bottom: 10px; font-size: 11.5px; font-weight: 800; letter-spacing: .12em; color: var(--sm-blue); } .dxsm-btn{ display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 12px 22px; border-radius: 12px; background: var(--sm-blue); color: #fff !important; font-size: 15px; font-weight: 800; transition: background-color .15s, box-shadow .15s; } .dxsm-btn:hover{ background: var(--sm-blue-dark); box-shadow: 0 8px 20px rgba(49, 116, 241, .22); } .dxsm-link{ display: inline-flex; align-items: center; font-size: 14.5px; font-weight: 800; color: var(--sm-blue-dark) !important; } .dxsm-link:hover{ text-decoration: underline; text-underline-offset: 4px; } .dxsm a:focus-visible{ outline: 3px solid rgba(49, 116, 241, .35); outline-offset: 3px; } .dxsm h2{ font-size: clamp(26px, 2.6vw, 36px); font-weight: 800; line-height: 1.2; } .dxsm-lead{ margin-top: 10px !important; font-size: 15.5px; line-height: 1.7; color: var(--sm-text); } .dxsm-hero{ display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: end; gap: 48px; margin-top: 28px; padding: 44px 48px; border: 1px solid var(--sm-line); border-left: 4px solid var(--sm-blue); border-radius: 24px; background: linear-gradient(120deg, #fff 55%, var(--sm-soft)); } .dxsm-hero h1{ font-size: clamp(32px, 3.4vw, 48px); font-weight: 800; line-height: 1.12; } .dxsm-hero h1 em{ display: block; font-style: normal; color: var(--sm-blue); } .dxsm-hero p{ font-size: 16.5px; line-height: 1.7; color: var(--sm-text); } .dxsm-actions{ display: flex; align-items: center; flex-wrap: wrap; gap: 22px; margin-top: 24px; } .dxsm-visual{ margin-top: 24px !important; overflow: hidden; border: 1px solid var(--sm-line); border-radius: 24px; background: var(--sm-soft); } .dxsm-visual img{ width: 100%; } .dxsm-pagenav{ position: sticky; top: 0; z-index: 5; display: flex; align-items: center; flex-wrap: wrap; gap: 6px 28px; margin: 28px 0 8px; padding: 14px 4px; border-block: 1px solid var(--sm-line); background: rgba(255, 255, 255, .96); backdrop-filter: blur(6px); } .dxsm-pagenav strong{ font-size: 14.5px; font-weight: 800; } .dxsm-pagenav a{ font-size: 14px; font-weight: 700; color: var(--sm-muted) !important; } .dxsm-pagenav a:hover{ color: var(--sm-blue) !important; } .dxsm-pagenav .dxsm-pagenav-cta{ margin-left: auto; color: var(--sm-blue) !important; font-weight: 800; } .dxsm-section{ padding-top: 48px; } .dxsm-flow{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 24px !important; padding: 0; list-style: none; counter-reset: none; } .dxsm-flow li{ position: relative; display: flex; flex-direction: column; gap: 6px; padding: 22px; border: 1px solid var(--sm-line); border-radius: 18px; background: #fff; } .dxsm-flow li:not(:last-child)::after{ content: "→"; position: absolute; top: 50%; right: -16px; transform: translateY(-50%); font-weight: 800; color: #94a3b8; } .dxsm-flow small{ margin-top: 8px; font-size: 12px; font-weight: 800; color: var(--sm-muted); } .dxsm-flow strong{ font-size: 17px; font-weight: 800; } .dxsm-icon{ display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: var(--sm-soft); color: var(--sm-blue); } .dxsm-fit{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 40px; margin-top: 48px; padding: 36px 40px; border-radius: 24px; background: var(--sm-soft); } .dxsm-fit ul{ padding: 0; list-style: none; } .dxsm-fit li{ display: flex; gap: 12px; padding: 13px 0; border-bottom: 1px solid #dbe5f7; font-size: 15.5px; font-weight: 700; color: var(--sm-ink); } .dxsm-fit li:last-child{ border-bottom: 0; } .dxsm-fit li span{ color: var(--sm-blue); font-weight: 800; } .dxsm-modules{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 26px; } .dxsm-module{ display: flex; flex-direction: column; gap: 10px; padding: 24px; border: 1px solid var(--sm-line); border-radius: 18px; background: #fff; scroll-margin-top: 80px; transition: border-color .15s, box-shadow .15s; } .dxsm-module:hover,.dxsm-module:target{ border-color: #bfd3fb; box-shadow: 0 12px 28px rgba(15, 23, 42, .07); } .dxsm-module h3{ margin-top: 6px; font-size: 19px; font-weight: 800; line-height: 1.3; } .dxsm-module p{ font-size: 14.5px; line-height: 1.7; color: var(--sm-text); } .dxsm-steps{ display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto !important; padding: 10px 0 0; list-style: none; } .dxsm-steps li{ padding: 4px 10px; border-radius: 999px; background: var(--sm-soft); font-size: 12.5px; font-weight: 700; color: var(--sm-blue-dark); } .dxsm-module-image{ margin: -24px -24px 6px !important; overflow: hidden; border-bottom: 1px solid var(--sm-line); border-radius: 18px 18px 0 0; background: var(--sm-soft); } .dxsm-module-image img{ width: 100%; aspect-ratio: 16 / 9; object-fit: cover; object-position: top center; } .dxsm-crm,.dxsm-end{ display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-top: 48px; padding: 32px 40px; border-radius: 24px; } .dxsm-crm{ border: 1px solid var(--sm-line); background: #fff; } .dxsm-crm p,.dxsm-end p{ margin-top: 8px !important; max-width: 640px; font-size: 15px; line-height: 1.7; color: var(--sm-text); } .dxsm-end{ background: var(--sm-soft); } .dxsm-crm .dxsm-link,.dxsm-end .dxsm-btn{ flex-shrink: 0; } @media (max-width: 1199px) { .dxsm-modules{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 991px) { .dxsm-hero,.dxsm-fit{ grid-template-columns: minmax(0, 1fr); gap: 20px; } .dxsm-hero{ padding: 28px 22px; } .dxsm-fit{ padding: 26px 22px; } .dxsm-flow{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .dxsm-flow li::after{ display: none; } .dxsm-pagenav{ position: static; gap: 8px 16px; } .dxsm-pagenav .dxsm-pagenav-cta{ margin-left: 0; } .dxsm-crm,.dxsm-end{ flex-direction: column; align-items: flex-start; padding: 26px 22px; } } @media (max-width: 575px) { .dxsm-hero h1{ font-size: 30px; } .dxsm-hero h1 em{ display: inline; } .dxsm-flow,.dxsm-modules{ grid-template-columns: minmax(0, 1fr); } .dxsm-visual{ border-radius: 16px; } } .dxik{ --ik-ink: #0f172a; --ik-muted: #64748b; --ik-text: #475569; --ik-blue: #3174f1; --ik-blue-dark: #1d4ed8; --ik-line: #e2e8f0; --ik-soft: #f5f8ff; --ik-green: #16a34a; color: var(--ik-ink); font-family: 'Nunito', sans-serif; padding-bottom: 56px; } .dxik *{ box-sizing: border-box; } .dxik :is(h1, h2, h3, p, figure, ul, ol, fieldset){ margin: 0; } .dxik :is(h1, h2, h3){ color: var(--ik-ink); font-family: inherit; letter-spacing: -.02em; } .dxik img{ display: block; max-width: 100%; height: auto; } .dxik a{ text-decoration: none; } .dxik section{ scroll-margin-top: 80px; } .dxik [hidden]{ display: none !important; } .dxik svg{ width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .dxik-wrap{ max-width: 1320px; margin-inline: auto; padding-inline: 15px; } .dxik-eyebrow{ display: block; margin-bottom: 10px; font-size: 11.5px; font-weight: 800; letter-spacing: .12em; color: var(--ik-blue); } .dxik h2{ font-size: clamp(26px, 2.6vw, 36px); font-weight: 800; line-height: 1.2; } .dxik h2 em,.dxik h1 em{ font-style: normal; color: var(--ik-blue); } .dxik-btn{ display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 12px 22px; border: 0; border-radius: 12px; background: var(--ik-blue); color: #fff !important; font: inherit; font-size: 15px; font-weight: 800; cursor: pointer; transition: background-color .15s, box-shadow .15s; } .dxik-btn:hover{ background: var(--ik-blue-dark); box-shadow: 0 8px 20px rgba(49, 116, 241, .22); } .dxik-btn.is-block{ display: flex; width: 100%; } .dxik-link{ display: inline-flex; align-items: center; font-size: 14.5px; font-weight: 800; color: var(--ik-blue-dark) !important; } .dxik-link:hover{ text-decoration: underline; text-underline-offset: 4px; } .dxik :is(a, button, summary, input, select, textarea):focus-visible{ outline: 3px solid rgba(49, 116, 241, .35); outline-offset: 3px; } .dxik-note{ margin-top: 12px !important; font-size: 13px; line-height: 1.6; color: var(--ik-muted); } .dxik-icon{ display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: var(--ik-soft); color: var(--ik-blue); } .dxik-product{ display: flex; align-items: center; gap: 12px; margin-bottom: 18px; } .dxik-product img{ width: 46px; height: 46px; border-radius: 12px; } .dxik-product span{ display: flex; flex-direction: column; font-size: 14px; font-weight: 800; letter-spacing: .08em; color: var(--ik-ink); } .dxik-product small{ font-size: 13px; font-weight: 600; letter-spacing: 0; color: var(--ik-muted); } .dxik-hero{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 40px; margin-top: 28px; padding: 40px 44px; border: 1px solid var(--ik-line); border-left: 4px solid var(--ik-blue); border-radius: 24px; background: linear-gradient(120deg, #fff 50%, var(--ik-soft)); } .dxik-hero h1{ font-size: clamp(34px, 3.8vw, 54px); font-weight: 800; line-height: 1.08; } .dxik-hero h1 em{ display: block; } .dxik-hero p{ margin-top: 18px !important; font-size: 16.5px; line-height: 1.7; color: var(--ik-text); } .dxik-actions{ display: flex; align-items: center; flex-wrap: wrap; gap: 22px; margin-top: 24px; } .dxik-tags{ display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 22px !important; padding: 0; list-style: none; } .dxik-tags li{ font-size: 13.5px; font-weight: 700; color: var(--ik-muted); } .dxik-tags li::before{ content: "✓ "; color: var(--ik-blue); } .dxik-hero-visual img{ border-radius: 18px; } .dxik figcaption{ margin-top: 8px; font-size: 12px; color: var(--ik-muted); text-align: center; } .dxik-pagenav{ position: sticky; top: 0; z-index: 5; display: flex; align-items: center; flex-wrap: wrap; gap: 6px 26px; margin: 28px 0 8px; padding: 14px 4px; border-block: 1px solid var(--ik-line); background: rgba(255, 255, 255, .96); backdrop-filter: blur(6px); } .dxik-pagenav a{ font-size: 14px; font-weight: 700; color: var(--ik-muted) !important; } .dxik-pagenav a b{ margin-right: 4px; color: var(--ik-blue); } .dxik-pagenav a:hover{ color: var(--ik-blue) !important; } .dxik-pagenav .dxik-pagenav-cta{ margin-left: auto; color: var(--ik-blue) !important; font-weight: 800; } .dxik-section{ padding-top: 52px; } .dxik-heading{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; gap: 40px; margin-bottom: 26px; } .dxik-heading > p{ font-size: 15.5px; line-height: 1.7; color: var(--ik-text); } .dxik-lifecycle{ display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; padding: 0; list-style: none; } .dxik-lifecycle li{ display: flex; flex-direction: column; gap: 6px; padding: 20px 18px; border: 1px solid var(--ik-line); border-radius: 18px; background: #fff; } .dxik-lifecycle span{ font-size: 12px; font-weight: 800; color: var(--ik-blue); } .dxik-lifecycle strong{ font-size: 16px; font-weight: 800; line-height: 1.3; } .dxik-lifecycle small{ font-size: 13px; line-height: 1.5; color: var(--ik-muted); } .dxik-tabs{ display: inline-flex; justify-self: end; gap: 4px; padding: 4px; border-radius: 14px; background: var(--ik-soft); } .dxik-tabs button{ min-height: 42px; padding: 8px 18px; border: 0; border-radius: 10px; background: transparent; font: inherit; font-size: 14.5px; font-weight: 800; color: var(--ik-muted); cursor: pointer; } .dxik-tabs button[aria-selected="true"]{ background: #fff; color: var(--ik-blue-dark); box-shadow: 0 2px 8px rgba(15, 23, 42, .08); } .dxik-role{ display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: center; gap: 40px; padding: 36px 40px; border-radius: 24px; background: var(--ik-soft); } .dxik-role h3{ font-size: 26px; font-weight: 800; line-height: 1.25; } .dxik-role-copy > p{ margin-top: 10px !important; font-size: 15.5px; line-height: 1.7; color: var(--ik-text); } .dxik-role-features{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 22px; } .dxik-role-features div{ padding: 16px 18px; border-radius: 14px; background: #fff; } .dxik-role-features strong{ font-size: 15px; font-weight: 800; } .dxik-role-features p{ margin-top: 4px !important; font-size: 13.5px; line-height: 1.6; color: var(--ik-text); } .dxik-platforms{ display: flex; gap: 8px; margin-top: 18px; } .dxik-platforms span,.dxik-pill{ padding: 5px 12px; border-radius: 999px; background: #fff; font-size: 12.5px; font-weight: 800; color: var(--ik-blue-dark); } .dxik-role figure img{ margin-inline: auto; max-height: 460px; width: auto; border-radius: 18px; } .dxik-included{ display: flex; align-items: center; gap: 8px 16px; flex-wrap: wrap; margin-top: 14px; padding: 16px 22px; border: 1px solid var(--ik-line); border-radius: 16px; } .dxik-included strong{ font-size: 15px; font-weight: 800; } .dxik-included p{ font-size: 14px; color: var(--ik-text); } .dxik-filter{ display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; } .dxik-filter button{ min-height: 40px; padding: 8px 16px; border: 1px solid var(--ik-line); border-radius: 999px; background: #fff; font: inherit; font-size: 14px; font-weight: 700; color: var(--ik-text); cursor: pointer; } .dxik-filter button[aria-pressed="true"]{ border-color: var(--ik-blue); background: var(--ik-blue); color: #fff; } .dxik-modules{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: start; } .dxik-module{ overflow: hidden; border: 1px solid var(--ik-line); border-radius: 18px; background: #fff; transition: border-color .15s, box-shadow .15s; } .dxik-module:hover,.dxik-module[open]{ border-color: #bfd3fb; box-shadow: 0 12px 28px rgba(15, 23, 42, .07); } .dxik-module summary{ display: block; cursor: pointer; list-style: none; } .dxik-module summary::-webkit-details-marker{ display: none; } .dxik-module summary > img{ width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-bottom: 1px solid var(--ik-line); background: var(--ik-soft); } .dxik-module-head{ display: flex; align-items: flex-start; gap: 14px; padding: 18px 20px; } .dxik-module-head > span:nth-child(2){ display: flex; flex: 1; flex-direction: column; gap: 2px; } .dxik-module-head small{ font-size: 11.5px; font-weight: 800; letter-spacing: .04em; color: var(--ik-muted); } .dxik-module-head small.is-base{ color: var(--ik-green); } .dxik-module-head strong{ font-size: 17px; font-weight: 800; line-height: 1.3; } .dxik-module-head span span,.dxik-module-head > span:nth-child(2) > span{ font-size: 13.5px; color: var(--ik-text); } .dxik-module-head b{ font-size: 22px; font-weight: 600; line-height: 1; color: var(--ik-blue); transition: transform .15s; } .dxik-module[open] .dxik-module-head b{ transform: rotate(45deg); } .dxik-module > p{ padding: 0 20px 20px; font-size: 14px; line-height: 1.7; color: var(--ik-text); } .dxik-ai{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 48px; } .dxik-ai > div:first-child > p{ margin-top: 14px !important; font-size: 15.5px; line-height: 1.7; color: var(--ik-text); } .dxik-ai-flow{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px !important; padding: 0; list-style: none; counter-reset: ai; } .dxik-ai-flow li{ counter-increment: ai; padding: 7px 14px; border-radius: 999px; background: var(--ik-soft); font-size: 13.5px; font-weight: 800; color: var(--ik-blue-dark); } .dxik-ai-flow li::before{ content: counter(ai) " · "; color: var(--ik-blue); } .dxik-assistant{ display: flex; flex-direction: column; gap: 14px; padding: 24px; border: 1px solid var(--ik-line); border-radius: 24px; background: linear-gradient(160deg, #fff, var(--ik-soft)); } .dxik-assistant-head{ display: flex; align-items: center; gap: 10px; } .dxik-assistant-head img{ border-radius: 8px; } .dxik-assistant-head strong{ font-size: 15px; font-weight: 800; } .dxik-assistant-head span{ margin-left: auto; font-size: 12px; font-weight: 700; color: var(--ik-muted); } .dxik-chat-user{ align-self: flex-end; max-width: 80%; padding: 10px 16px; border-radius: 16px 16px 4px 16px; background: var(--ik-blue); font-size: 14px; font-weight: 700; color: #fff; } .dxik-chat-answer{ padding: 16px 18px; border-radius: 16px 16px 16px 4px; background: #fff; box-shadow: 0 6px 18px rgba(15, 23, 42, .06); } .dxik-chat-answer strong{ font-size: 15px; font-weight: 800; } .dxik-chat-answer p{ margin: 4px 0 10px !important; font-size: 13.5px; color: var(--ik-text); } .dxik-chat-answer div{ display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px solid var(--ik-line); font-size: 13.5px; } .dxik-chat-answer b{ font-weight: 800; color: #b45309; } .dxik-prompts{ display: flex; flex-wrap: wrap; gap: 8px; } .dxik-prompts span{ padding: 6px 12px; border: 1px solid var(--ik-line); border-radius: 999px; background: #fff; font-size: 12.5px; color: var(--ik-text); } .dxik-warning{ display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 14px; background: #fff; } .dxik-warning p{ display: flex; flex-direction: column; gap: 2px; font-size: 13px; line-height: 1.55; color: var(--ik-text); } .dxik-warning strong{ font-size: 14px; font-weight: 800; color: var(--ik-ink); } .dxik-model{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 48px; } .dxik-model > div > p{ margin-top: 14px !important; font-size: 15.5px; line-height: 1.7; color: var(--ik-text); } .dxik-model .dxik-btn{ margin-top: 22px; } .dxik-architecture{ padding: 28px; border-radius: 24px; background: var(--ik-soft); text-align: center; } .dxik-architecture > div{ display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 20px; border-radius: 18px; background: #fff; box-shadow: 0 8px 24px rgba(15, 23, 42, .06); } .dxik-architecture > div img{ border-radius: 12px; } .dxik-architecture > div strong{ margin-top: 6px; font-size: 18px; font-weight: 800; } .dxik-architecture > div span{ font-size: 13.5px; color: var(--ik-muted); } .dxik-architecture ul{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 14px !important; padding: 0; list-style: none; } .dxik-architecture li{ padding: 12px 8px; border: 1px dashed #bfd3fb; border-radius: 12px; background: #fff; font-size: 13.5px; font-weight: 700; } .dxik-end{ display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-top: 52px; padding: 32px 40px; border-radius: 24px; background: var(--ik-soft); } .dxik-end p{ margin-top: 8px !important; max-width: 640px; font-size: 15px; line-height: 1.7; color: var(--ik-text); } .dxik-end .dxik-btn{ flex-shrink: 0; } .dxik-buy-intro{ margin-top: 28px; padding: 36px 44px; border: 1px solid var(--ik-line); border-left: 4px solid var(--ik-blue); border-radius: 24px; background: linear-gradient(120deg, #fff 55%, var(--ik-soft)); } .dxik-buy-intro h1{ font-size: clamp(30px, 3.2vw, 44px); font-weight: 800; line-height: 1.12; } .dxik-buy-intro p{ max-width: 760px; margin: 12px 0 16px !important; font-size: 16px; line-height: 1.7; color: var(--ik-text); } .dxik-plans{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; } .dxik-plans > div{ display: flex; flex-direction: column; gap: 4px; padding: 20px; border: 1px solid var(--ik-line); border-radius: 18px; background: #fff; transition: border-color .15s, box-shadow .15s; } .dxik-plans > div.is-selected{ border-color: var(--ik-blue); box-shadow: 0 0 0 3px rgba(49, 116, 241, .14); } .dxik-plans strong{ font-size: 17px; font-weight: 800; } .dxik-plans span{ font-size: 13px; color: var(--ik-muted); } .dxik-plans b{ margin-top: 8px; font-size: 22px; font-weight: 800; color: var(--ik-ink); } .dxik-plans small{ font-size: 12px; color: var(--ik-muted); } .dxik-base{ display: flex; align-items: center; gap: 18px; margin-top: 16px; padding: 20px 24px; border-radius: 18px; background: var(--ik-soft); } .dxik-base h3{ font-size: 17px; font-weight: 800; } .dxik-base p{ margin-top: 4px !important; font-size: 14px; line-height: 1.6; color: var(--ik-text); } .dxik-base .dxik-pill{ flex-shrink: 0; color: var(--ik-green); } .dxik-config{ display: grid; grid-template-columns: minmax(0, 1fr) 360px; align-items: start; gap: 28px; margin-top: 28px; } .dxik-config-controls{ display: flex; flex-direction: column; gap: 22px; min-width: 0; } .dxik-config-top{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; padding: 22px; border: 1px solid var(--ik-line); border-radius: 18px; } .dxik fieldset{ min-width: 0; padding: 0; border: 0; } .dxik legend{ margin-bottom: 10px; padding: 0; font-size: 15px; font-weight: 800; color: var(--ik-ink); } .dxik legend small{ font-size: 12.5px; font-weight: 600; color: var(--ik-muted); } .dxik-field{ display: flex; flex-direction: column; gap: 6px; margin: 0; } .dxik-field > label,.dxik-field > span{ font-size: 14.5px; font-weight: 800; color: var(--ik-ink); } .dxik-field > span i{ font-style: normal; color: #dc2626; } .dxik-field small{ font-size: 12.5px; color: var(--ik-muted); } .dxik-field small.dxik-error{ color: #dc2626; font-weight: 700; } .dxik :is(input[type="number"], input[type="text"], input[type="email"], input[type="tel"], select, textarea){ width: 100%; min-height: 46px; padding: 10px 14px; border: 1px solid #cbd5e1; border-radius: 12px; background: #fff; font: inherit; font-size: 15px; color: var(--ik-ink); } .dxik textarea{ min-height: 92px; resize: vertical; } .dxik [aria-invalid="true"]{ border-color: #dc2626 !important; } .dxik-period{ display: flex; flex-wrap: wrap; gap: 8px; } .dxik-period legend{ width: 100%; } .dxik-period label,.dxik-options label{ display: flex; align-items: center; gap: 10px; margin: 0; padding: 12px 14px; border: 1px solid var(--ik-line); border-radius: 12px; background: #fff; font-size: 14px; font-weight: 700; cursor: pointer; } .dxik-period label:has(input:checked),.dxik-options label:has(input:checked){ border-color: var(--ik-blue); background: var(--ik-soft); } .dxik-period input,.dxik-options input{ accent-color: var(--ik-blue); width: 18px; height: 18px; margin: 0; } .dxik-options{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .dxik-options legend{ grid-column: 1 / -1; } .dxik-options span{ flex: 1; } .dxik-options b{ font-size: 14px; font-weight: 800; white-space: nowrap; } .dxik-options b small{ margin-left: 2px; font-size: 11.5px; font-weight: 600; color: var(--ik-muted); } .dxik-details{ display: flex; flex-direction: column; gap: 10px; } .dxik-details details{ padding: 0 20px; border: 1px solid var(--ik-line); border-radius: 16px; background: #fff; } .dxik-details summary{ display: flex; justify-content: space-between; padding: 16px 0; font-size: 15px; font-weight: 800; cursor: pointer; list-style: none; } .dxik-details summary::-webkit-details-marker{ display: none; } .dxik-details summary b{ color: var(--ik-blue); transition: transform .15s; } .dxik-details details[open] summary b{ transform: rotate(45deg); } .dxik-details details > p{ padding-bottom: 18px; font-size: 14px; line-height: 1.7; color: var(--ik-text); } .dxik-setup{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .dxik-setup p{ display: flex; flex-direction: column; gap: 4px; padding: 14px; border-radius: 12px; background: var(--ik-soft); font-size: 13.5px; line-height: 1.55; color: var(--ik-text); } .dxik-setup strong{ font-size: 14.5px; font-weight: 800; color: var(--ik-ink); } .dxik-setup span{ font-weight: 800; color: var(--ik-blue-dark); } .dxik-quote{ padding: 28px; border: 1px solid var(--ik-line); border-radius: 20px; background: #fff; scroll-margin-top: 90px; } .dxik-quote h2{ font-size: clamp(22px, 2.1vw, 28px); } .dxik-quote > p{ margin: 8px 0 18px !important; font-size: 14.5px; line-height: 1.7; color: var(--ik-text); } .dxik-credits{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; margin-bottom: 20px !important; } .dxik-credits legend{ grid-column: 1 / -1; } .dxik-contact{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; } .dxik-wide{ grid-column: 1 / -1; } .dxik-hp{ position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; } .dxik-alert{ margin-bottom: 18px; padding: 14px 16px; border-radius: 12px; font-size: 14.5px; font-weight: 700; } .dxik-alert.is-ok{ background: #ecfdf3; color: #166534; } .dxik-alert.is-error{ background: #fef2f2; color: #b91c1c; } .dxik-estimate{ position: sticky; top: 20px; display: flex; flex-direction: column; gap: 10px; padding: 24px; border: 1px solid var(--ik-line); border-radius: 20px; background: #fff; box-shadow: 0 16px 36px rgba(15, 23, 42, .08); } .dxik-estimate h3{ font-size: 22px; font-weight: 800; } .dxik-estimate > p{ font-size: 14px; color: var(--ik-muted); } .dxik-lines div{ display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--ik-line); font-size: 14px; color: var(--ik-text); } .dxik-lines b{ font-weight: 800; color: var(--ik-ink); white-space: nowrap; } .dxik-total{ display: flex; flex-direction: column; padding: 8px 0 2px; } .dxik-total strong{ font-size: 30px; font-weight: 800; line-height: 1.15; } .dxik-total span{ font-size: 13px; color: var(--ik-muted); } .dxik-saving{ font-size: 13.5px !important; font-weight: 700; color: var(--ik-green) !important; } .dxik-estimate > small{ font-size: 12px; color: var(--ik-muted); text-align: center; } @media (max-width: 1199px) { .dxik-lifecycle{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .dxik-modules{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .dxik-plans{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .dxik-config{ grid-template-columns: minmax(0, 1fr) 320px; } } @media (max-width: 991px) { .dxik-hero,.dxik-heading,.dxik-role,.dxik-ai,.dxik-model,.dxik-config{ grid-template-columns: minmax(0, 1fr); gap: 24px; } .dxik-hero,.dxik-buy-intro{ padding: 28px 22px; } .dxik-role{ padding: 26px 22px; } .dxik-tabs{ justify-self: start; } .dxik-pagenav{ position: static; gap: 8px 16px; } .dxik-pagenav .dxik-pagenav-cta{ margin-left: 0; } .dxik-end{ flex-direction: column; align-items: flex-start; padding: 26px 22px; } .dxik-estimate{ position: static; } .dxik-setup{ grid-template-columns: minmax(0, 1fr); } } @media (max-width: 575px) { .dxik-hero h1{ font-size: 32px; } .dxik-lifecycle,.dxik-role-features,.dxik-modules,.dxik-options,.dxik-credits,.dxik-contact,.dxik-config-top{ grid-template-columns: minmax(0, 1fr); } .dxik-plans{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .dxik-architecture ul{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .dxik-tabs{ display: flex; width: 100%; } .dxik-tabs button{ flex: 1; padding: 8px 10px; } .dxik-base{ flex-direction: column; align-items: flex-start; } .dxik-quote{ padding: 22px 18px; } } body.dxau-body{ min-height: 100vh; margin: 0; padding: 0 16px 40px; background: #fff; color: #0f172a; font-family: 'Nunito', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; display: flex; flex-direction: column; align-items: center; } .dxau-body *{ box-sizing: border-box; } .dxau-logo{ display: block; margin: 20px auto clamp(40px, 14vh, 160px); } .dxau-logo img{ display: block; height: 45px; width: auto; } .dxau-card{ width: 100%; max-width: 440px; padding: 44px 50px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; } .dxau-card h1{ margin: 0 0 8px; font-size: 24px; font-weight: 800; line-height: 1.25; letter-spacing: -.01em; color: #0f172a; } .dxau-intro{ margin: 0 0 22px; font-size: 14.5px; line-height: 1.6; color: #64748b; } .dxau-form{ display: flex; flex-direction: column; gap: 16px; } .dxau-field{ display: flex; flex-direction: column; gap: 6px; margin: 0; } .dxau-field > span{ font-size: 14px; font-weight: 700; color: #0f172a; } .dxau-field input{ width: 100%; height: 54px; padding: 0 14px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; font: inherit; font-size: 15px; color: #0f172a; transition: border-color .15s, box-shadow .15s; } .dxau-field input:focus{ outline: none; border-color: #3174f1; box-shadow: 0 0 0 3px rgba(49, 116, 241, .18); } .dxau-field input[aria-invalid="true"]{ border-color: #dc2626; } .dxau-field small{ font-size: 12.5px; color: #64748b; } .dxau-field small.dxau-error{ font-weight: 700; color: #dc2626; } .dxau-btn{ height: 56px; margin-top: 4px; border: 0; border-radius: 8px; background: #3b82f6; color: #fff; font: inherit; font-size: 16px; font-weight: 800; cursor: pointer; transition: background-color .15s; } .dxau-btn:hover{ background: #2563eb; } .dxau-btn:focus-visible,.dxau-body a:focus-visible,.dxau-show input:focus-visible{ outline: 3px solid rgba(49, 116, 241, .4); outline-offset: 3px; } .dxau-show{ display: flex; align-items: center; gap: 8px; margin: -4px 0 0; font-size: 14px; color: #475569; cursor: pointer; } .dxau-show input{ width: 16px; height: 16px; accent-color: #3174f1; } .dxau-account{ margin: 0; padding: 10px 14px; border-radius: 8px; background: #f5f8ff; font-size: 14px; color: #475569; word-break: break-all; } .dxau-account strong{ color: #0f172a; } .dxau-alert{ margin: 0 0 18px; padding: 12px 14px; border-radius: 8px; font-size: 14px; line-height: 1.55; } .dxau-alert.is-ok{ border: 1px solid #bbf7d0; background: #f0fdf4; color: #166534; } .dxau-alert.is-error{ border: 1px solid #fecaca; background: #fef2f2; color: #b91c1c; } .dxau-alert a{ font-weight: 800; color: inherit; } .dxau-back{ display: inline-block; margin-top: 20px; font-size: 14.5px; font-weight: 700; color: #3b82f6; text-decoration: none; } .dxau-back:hover{ text-decoration: underline; } .dxau-help{ margin: 22px 0 0; font-size: 13.5px; color: #64748b; } .dxau-help a{ font-weight: 700; color: #3b82f6; } @media (max-width: 480px) { .dxau-card{ padding: 30px 22px; } .dxau-logo{ margin-bottom: 32px; } } #daynex-ceo-cards{ --cx-bg:#f2f5fa; --cx-paper:#fff; --cx-ink:#15233c; --cx-muted:#62708a; --cx-line:#e3e9f1; --cx-blue:#285ee3; --cx-blue-soft:#edf3ff; --cx-red:#b43145; --cx-red-soft:#fff0f3; --cx-amber:#936113; --cx-amber-soft:#fff7e5; --cx-green:#257251; --cx-green-soft:#edf8f1; --cx-card-pad:17px; display:block; background:var(--cx-bg); color:var(--cx-ink); font:400 14px/1.45 'Segoe UI',Arial,sans-serif; width:100%; border-radius:14px; overflow:hidden; } #daynex-ceo-cards{ color-scheme:light; } #daynex-ceo-cards *{ box-sizing:border-box; } #daynex-ceo-cards h1,#daynex-ceo-cards h2,#daynex-ceo-cards p{ margin:0; } #daynex-ceo-cards h1{ font-size:26px; line-height:1.2; font-weight:600; letter-spacing:-.7px; } #daynex-ceo-cards h2{ font-size:14px; font-weight:600; display:flex; align-items:center; gap:7px; } #daynex-ceo-cards button,#daynex-ceo-cards input{ font:inherit; } #daynex-ceo-cards button{ min-height:36px; } #daynex-ceo-cards svg{ width:16px; height:16px; flex-shrink:0; } #daynex-ceo-cards .cx-notifications{ margin-bottom:24px; } #daynex-ceo-cards .cx-live-dot{ width:8px; height:8px; border-radius:50%; background:var(--cx-green); } #daynex-ceo-cards .cx-live-dot.paused{ background:var(--cx-muted); } #daynex-ceo-cards .cx-unread-count{ background:var(--cx-blue-soft); color:var(--cx-blue); border-radius:6px; padding:5px 8px; font-size:12px; } #daynex-ceo-cards .cx-notification-tools{ display:flex; justify-content:space-between; gap:6px; flex-wrap:wrap; margin:14px 0 11px; } #daynex-ceo-cards .cx-notification-tools button{ background:transparent; border:0; border-radius:5px; color:var(--cx-muted); font-size:11px; padding:5px 8px; } #daynex-ceo-cards .cx-notification-tools button[aria-pressed="true"]{ background:var(--cx-blue-soft); color:var(--cx-blue); } #daynex-ceo-cards .cx-notification-list{ display:grid; grid-template-columns:1fr 1fr; gap:9px; grid-auto-rows:minmax(140px,auto); min-height:289px; align-content:start; } #daynex-ceo-cards .cx-event{ padding:12px; border:1px solid var(--cx-line); border-radius:9px; background:var(--cx-paper); display:flex; align-items:flex-start; gap:10px; text-align:left; color:var(--cx-ink); width:100%; } #daynex-ceo-cards .cx-event.unread{ background:var(--cx-blue-soft); } #daynex-ceo-cards .cx-event.critical{ border-left:3px solid var(--cx-red); } #daynex-ceo-cards .cx-event-content{ flex:1; min-width:0; } #daynex-ceo-cards .cx-event time{ font-size:10px; white-space:nowrap; color:var(--cx-muted); } #daynex-ceo-cards .cx-notification-announcement{ font-size:11px; color:var(--cx-muted); margin-top:8px; min-height:16px; } #daynex-ceo-cards .cx-firm-logo{ width:32px; height:32px; border-radius:9px; display:grid; place-items:center; flex-shrink:0; font-size:12px; font-weight:600; background:var(--cx-blue-soft); color:var(--cx-blue); } #daynex-ceo-cards .cx-firm-logo[data-company="pera"]{ background:#f0eaff; color:#7953ba; } #daynex-ceo-cards .cx-firm-logo[data-company="mavi"]{ background:#e4f4fb; color:#1779a4; } #daynex-ceo-cards .cx-firm-logo[data-company="nova"]{ background:#fff0df; color:#a26418; } #daynex-ceo-cards .cx-firm-logo[data-company="rota"]{ background:#e4f3eb; color:#247a51; } #daynex-ceo-cards .cx-firm-logo[data-company="lale"]{ background:#fdebf3; color:#a34072; } #daynex-ceo-cards .cx-firm-logo[data-company="kuzey"]{ background:#e9edf5; color:#51677f; } #daynex-ceo-cards .cx-firm-logo[data-company="ardic"]{ background:#eef1df; color:#627d2a; } #daynex-ceo-cards [data-service-panel][hidden]{ display:none; } #daynex-ceo-cards .cx-row div > .cx-project-name{ color:var(--cx-ink); font-size:12px; } #daynex-ceo-cards .cx-row div > .cx-project-manager{ display:flex; gap:4px; align-items:center; font-size:12px; } #daynex-ceo-cards .cx-project-manager svg{ width:12px; height:12px; } #daynex-ceo-cards .cx-row b{ font-weight:500; } #daynex-ceo-cards .cx-row{ gap:10px; } #daynex-ceo-cards .cx-firm-logo{ position:relative; } #daynex-ceo-cards .cx-firm-logo img{ width:100%; height:100%; object-fit:contain; border-radius:7px; display:block; } #daynex-ceo-cards .cx-firm-logo{ width:42px; height:34px; background:var(--cx-paper)!important; } #daynex-ceo-cards .cx-card-body{ padding:var(--cx-card-pad); border:1px solid var(--cx-line); border-radius:9px; background:var(--cx-paper); display:flex; flex-direction:column; flex:1; min-width:0; } #daynex-ceo-cards .cx-card{ --cx-category:var(--cx-blue); --cx-category-soft:var(--cx-blue-soft); } #daynex-ceo-cards .cx-card[data-section="finance"]{ --cx-category:#db7a18; --cx-category-soft:var(--cx-amber-soft); } #daynex-ceo-cards .cx-card[data-section="offers"]{ --cx-category:#c5a023; --cx-category-soft:#fff8db; } #daynex-ceo-cards .cx-card[data-section="commerce"]{ --cx-category:#8860c8; --cx-category-soft:#f3edff; } #daynex-ceo-cards .cx-card[data-section="tickets"]{ --cx-category:var(--cx-red); --cx-category-soft:var(--cx-red-soft); } #daynex-ceo-cards .cx-card[data-section="projects"]{ --cx-category:var(--cx-green); --cx-category-soft:var(--cx-green-soft); } #daynex-ceo-cards .cx-card[data-section="analytics"]{ --cx-category:var(--cx-muted); --cx-category-soft:var(--cx-bg); } #daynex-ceo-cards .cx-card:not(.cx-card-with-ears):hover,#daynex-ceo-cards .cx-card:not(.cx-card-with-ears):focus-within{ border-color:var(--cx-category); box-shadow:0 0 0 1px var(--cx-category); } #daynex-ceo-cards .cx-card{ position:relative; } #daynex-ceo-cards .cx-grid{ gap:22px 14px; } #daynex-ceo-cards .cx-new-count{ position:absolute; top:-10px; right:-7px; width:23px; height:23px; border:2px solid var(--cx-paper); background:var(--cx-red); color:#fff; border-radius:50%; display:grid; place-items:center; font:600 11px/1 'Segoe UI',Arial,sans-serif; font-variant-numeric:tabular-nums; z-index:4; } #daynex-ceo-cards .cx-new-count[hidden]{ display:none; } #daynex-ceo-cards .cx-reorder-handle{ position:absolute; right:9px; top:11px; min-height:28px; padding:4px 6px; border:1px solid var(--cx-line); border-radius:6px; background:var(--cx-bg); color:var(--cx-ink); z-index:5; display:flex; align-items:center; gap:3px; font:500 11px 'Segoe UI',Arial,sans-serif; cursor:grab; } #daynex-ceo-cards .cx-reorder-handle svg{ width:17px; height:17px; } #daynex-ceo-cards .cx-card.cx-dragging{ opacity:.55; } #daynex-ceo-cards .cx-card.cx-drop-target{ outline:2px dashed var(--cx-category); outline-offset:4px; } #daynex-ceo-cards .cx-card-body{ position:relative; } #daynex-ceo-cards [data-invoice-id].cx-row:hover{ background:var(--cx-category-soft); } #daynex-ceo-cards .cx-record-open{ display:grid; gap:3px; text-align:left; background:transparent; border:0; padding:0; color:var(--cx-ink); width:100%; } #daynex-ceo-cards .cx-record-open strong{ font-size:13px; } #daynex-ceo-cards .cx-record-open > span{ font-size:11px; color:var(--cx-muted); } #daynex-ceo-cards .cx-record-open .cx-project-manager{ display:flex; align-items:center; gap:4px; } #daynex-ceo-cards .cx-card[data-section="campaign"]{ --cx-category:#994493; --cx-category-soft:#faedf9; } #daynex-ceo-cards .cx-card[data-section="requests"]{ --cx-category:#177b85; --cx-category-soft:#e9f8f9; } #daynex-ceo-cards [data-card-panel][hidden]{ display:none; } #daynex-ceo-cards .cx-work-marker{ width:32px; min-height:32px; flex-shrink:0; background:transparent; border:0; padding:0; position:relative; color:var(--cx-ink); } #daynex-ceo-cards .cx-firm-logo > .cx-work-marker{ position:absolute; inset:0; width:100%; height:100%; } #daynex-ceo-cards .cx-row div > .cx-work-clock{ color:var(--cx-amber); font-size:11px; font-variant-numeric:tabular-nums; margin-top:6px; } #daynex-ceo-cards .cx-row div > .cx-work-clock[data-state="late"],#daynex-ceo-cards .cx-row div > .cx-work-clock[data-state="waiting"]{ color:var(--cx-red); } #daynex-ceo-cards .cx-row div > .cx-work-clock[data-state="done"]{ color:var(--cx-green); } @keyframes cx-state-alarm { 0%,100% { opacity:1; } 50% { opacity:.25; } } #daynex-ceo-cards .cx-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; align-items:stretch; } #daynex-ceo-cards .cx-card{ background:var(--cx-paper); border:1px solid var(--cx-line); border-radius:10px; padding:var(--cx-card-pad); display:flex; flex-direction:column; min-width:0; } #daynex-ceo-cards .cx-card[hidden]{ display:none; } #daynex-ceo-cards .cx-row{ display:flex; justify-content:space-between; align-items:center; gap:8px; padding:10px 0; border-bottom:1px solid var(--cx-line); min-width:0; } #daynex-ceo-cards .cx-row > div:first-child{ min-width:0; } @media(max-width:480px) { #daynex-ceo-cards .cx-notification-list{ grid-template-columns:1fr; min-height:587px; } } @media(pointer:coarse) { #daynex-ceo-cards button{ min-height:44px; } } #daynex-ceo-cards .cx-notifications{ background:var(--cx-paper); border:1px solid var(--cx-line); border-radius:12px; padding:15px 17px 7px; margin-bottom:23px; } #daynex-ceo-cards .cx-alert-total{ display:flex; gap:5px; align-items:center; font-size:12px; color:var(--cx-red); } #daynex-ceo-cards .cx-alert-total svg{ width:14px; height:14px; } #daynex-ceo-cards .cx-unread-count{ font-size:11px; padding:4px 6px; } #daynex-ceo-cards .cx-notification-tools{ margin:10px 0 0; border-bottom:1px solid var(--cx-line); padding-bottom:7px; } #daynex-ceo-cards .cx-notification-tools button{ font-size:12px; padding:5px 7px; } #daynex-ceo-cards .cx-notification-list{ display:flex; flex-direction:column; gap:0; min-height:210px; } #daynex-ceo-cards .cx-event{ border:0; border-bottom:1px solid var(--cx-line); border-radius:0; padding:11px 2px; background:var(--cx-paper); align-items:center; gap:12px; min-height:70px; } #daynex-ceo-cards .cx-event:last-child{ border-bottom:0; } #daynex-ceo-cards .cx-event.unread{ background:var(--cx-paper); } #daynex-ceo-cards .cx-event:hover{ background:var(--cx-bg); } #daynex-ceo-cards .cx-event.critical{ border-left:0; } #daynex-ceo-cards .cx-event.critical .cx-stream-event-title{ color:var(--cx-red); } #daynex-ceo-cards .cx-event .cx-firm-logo{ width:47px; height:38px; } #daynex-ceo-cards .cx-stream-event-line{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; } #daynex-ceo-cards .cx-stream-event-line strong{ font-size:14px; font-weight:600; } #daynex-ceo-cards .cx-stream-event-title{ font-size:13px; } #daynex-ceo-cards .cx-stream-event-context{ display:block; font-size:11px; color:var(--cx-muted); margin-top:3px; } #daynex-ceo-cards .cx-stream-event-end{ margin-left:auto; display:grid; gap:6px; justify-items:end; flex-shrink:0; } #daynex-ceo-cards .cx-stream-event-end time{ font-size:11px; } #daynex-ceo-cards .cx-stream-event-state{ display:flex; align-items:center; gap:5px; font-size:11px; color:var(--cx-muted); } #daynex-ceo-cards .cx-stream-event-state i{ width:7px; height:7px; border-radius:50%; background:var(--cx-red); } #daynex-ceo-cards .cx-stream-event-state[data-state="active"] i{ background:var(--cx-amber); } #daynex-ceo-cards .cx-stream-event-state[data-state="done"] i{ background:var(--cx-green); } #daynex-ceo-cards .cx-stream-event-state[data-state="info"] i{ background:var(--cx-blue); } #daynex-ceo-cards .cx-notification-announcement{ position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); } #daynex-ceo-cards .cx-event.cx-arrival{ animation:cx-stream-arrive 1.3s ease-out; } @keyframes cx-stream-arrive { from { background:var(--cx-blue-soft); transform:translateY(-4px); } to { background:var(--cx-paper); transform:translateY(0); } } @media(prefers-reduced-motion:reduce){#daynex-ceo-cards .cx-event.cx-arrival{ animation:none; }} @media(max-width:600px){#daynex-ceo-cards .cx-notifications{ padding:12px 10px 5px; } #daynex-ceo-cards .cx-notification-list{ min-height:270px; } #daynex-ceo-cards .cx-event{ gap:8px; min-height:90px; } #daynex-ceo-cards .cx-stream-event-line{ gap:4px; display:grid; } #daynex-ceo-cards .cx-stream-event-end{ max-width:85px; } #daynex-ceo-cards .cx-stream-event-state{ text-align:right; font-size:11px; }} #daynex-ceo-cards{ background:transparent; border-radius:0; overflow:visible; } #daynex-ceo-cards i.fa{ font-size:15px; line-height:1; width:16px; text-align:center; flex-shrink:0; } #daynex-ceo-cards a.cx-record-open,#daynex-ceo-cards a.cx-record-open:hover{ color:var(--cx-ink); text-decoration:none; } #daynex-ceo-cards a.cx-record-open:hover strong{ color:var(--cx-blue); } #daynex-ceo-cards .cx-record-open > .cx-project-name{ color:var(--cx-ink); font-size:12px; } #daynex-ceo-cards .cx-firm-logo{ color:var(--cx-blue); font-size:11px; font-weight:600; } #daynex-ceo-cards .cx-work-marker{ cursor:help; display:block; } #daynex-ceo-cards .cx-empty{ color:var(--cx-muted); font-size:12px; padding:16px 0; line-height:1.5; } #daynex-ceo-cards a.cx-event,#daynex-ceo-cards a.cx-event:hover{ text-decoration:none; color:var(--cx-ink); } #daynex-ceo-cards .cx-reorder-handle i.fa{ font-size:13px; width:auto; } #daynex-ceo-cards .cx-reorder-handle span{ display:none; } #daynex-ceo-cards .cx-reorder-handle{ top:12px; right:10px; } #daynex-ceo-cards .cx-new-count[hidden]{ display:none; } #daynex-ceo-cards .cx-grid{ grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr)); } #daynex-ceo-cards .cx-stream-event-end{ max-width:42%; min-width:0; } #daynex-ceo-cards .cx-stream-event-state{ max-width:100%; min-width:0; } #daynex-ceo-cards .cx-stream-event-state > span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #daynex-ceo-cards .cx-stream-event-state i{ flex-shrink:0; } @keyframes cx-alarm-ring { 0% { box-shadow:0 0 0 0 rgba(180,49,69,.55); } 70% { box-shadow:0 0 0 8px rgba(180,49,69,0); } 100% { box-shadow:0 0 0 0 rgba(180,49,69,0); } } @keyframes cx-card-flash { 0%,100% { box-shadow:0 0 0 0 rgba(180,49,69,0); border-color:var(--cx-line); } 50% { box-shadow:0 0 0 3px rgba(180,49,69,.35); border-color:var(--cx-red); } } #daynex-ceo-cards .cx-row[data-work-state="late"]{ box-shadow:inset 3px 0 0 var(--cx-red); padding-left:10px; } #daynex-ceo-cards .cx-row[data-work-state="late"] .cx-work-clock{ font-weight:600; } #daynex-ceo-cards .cx-new-count.is-alarm{ animation:cx-alarm-ring 1.6s ease-out infinite; } #daynex-ceo-cards .cx-event.critical{ box-shadow:inset 3px 0 0 var(--cx-red); padding-left:10px; background:linear-gradient(90deg, var(--cx-red-soft), var(--cx-paper) 55%); } #daynex-ceo-cards .cx-event.critical .cx-stream-event-state i{ animation:cx-state-alarm 1s ease-in-out infinite, cx-alarm-ring 1.6s ease-out infinite; } #daynex-ceo-cards .cx-event.critical .cx-stream-event-state{ color:var(--cx-red); font-weight:600; } #daynex-ceo-cards .cx-alert-total{ background:var(--cx-red-soft); border-radius:6px; padding:4px 8px; font-weight:600; } #daynex-ceo-cards .cx-alert-total[data-count="0"]{ background:var(--cx-green-soft); color:var(--cx-green); font-weight:400; } #daynex-ceo-cards .cx-alert-total.is-alarm i.fa{ animation:cx-state-alarm 1s ease-in-out infinite; } #daynex-ceo-cards .cx-card:not(.cx-card-with-ears).cx-flash,#daynex-ceo-cards .cx-notifications.cx-flash{ animation:cx-card-flash 1s ease-in-out 4; } @media(prefers-reduced-motion:reduce) { #daynex-ceo-cards .cx-event.critical .cx-stream-event-state i{ animation:cx-state-alarm 1s ease-in-out infinite; } #daynex-ceo-cards .cx-new-count.is-alarm{ animation:none; } } #daynex-ceo-cards .cx-firm-logo,#daynex-ceo-cards .cx-event .cx-firm-logo{ width:46px; height:36px; flex-shrink:0; position:relative; display:grid; place-items:center; padding:4px; border:1px solid var(--cx-line); border-radius:9px; background:#fff !important; color:var(--cx-blue); font:700 12px/1 'Segoe UI',Arial,sans-serif; letter-spacing:.4px; } #daynex-ceo-cards .cx-firm-logo img{ width:100%; height:100%; object-fit:contain; border-radius:3px; display:block; } #daynex-ceo-cards .cx-firm-logo.is-dark{ background:#1d2940 !important; border-color:#1d2940; } #daynex-ceo-cards .cx-firm-logo.is-initials{ background:var(--cx-tint, #edf3ff) !important; border-color:transparent; color:var(--cx-tint-ink, #285ee3); } .dxcl-btn.is-block{ display: flex; width: 100%; } .dxcl-btn.is-danger{ border-color: #fca5a5; background: #fff; color: #b91c1c; } .dxcl-btn.is-danger:hover{ border-color: #f87171; background: #fef2f2; color: #991b1b; } a.admin-stat-card{ color: inherit; text-decoration: none; } a.admin-stat-card:hover{ color: inherit; text-decoration: none; } @media (max-width: 575.98px) { .dx-acc > .row{ margin-left: -6px; margin-right: -6px; } .dx-acc > .row > [class*="col-"]{ padding-left: 6px; padding-right: 6px; } } .popover{ max-width: 460px; } input[type="date"]:not([readonly]):not(:disabled),input[type="datetime-local"]:not([readonly]):not(:disabled),input[type="month"]:not([readonly]):not(:disabled){ cursor: pointer; } input[type="date"]::-webkit-calendar-picker-indicator,input[type="datetime-local"]::-webkit-calendar-picker-indicator,input[type="month"]::-webkit-calendar-picker-indicator{ cursor: pointer; } .dxat-list li.is-info{box-shadow:inset 3px 0 0 #2563eb} .dxat-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px} .dxat-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid #eef2f7;border-radius:12px;background:#fff} .dxat-list li.is-critical{box-shadow:inset 3px 0 0 #dc2626} .dxat-list li.is-warn{box-shadow:inset 3px 0 0 #f59e0b} html.dxat-lock{overflow:hidden} @media(max-width:640px){ .dxat-list li{grid-template-columns:minmax(0,1fr) auto;row-gap:8px} .dxat-list li > .dxov-btn{grid-column:2;grid-row:1 / span 2} } html.dxao-mdl-lock{ overflow: hidden; } #dxAdmTickets{ --ops-line: #e2e8f0; --ops-muted: #64748b; --ops-ink: #0f172a; --ops-tech: #f59e0b; --ops-tech-bg: #fffbeb; --ops-sales: #3b82f6; --ops-sales-bg: #eff6ff; --ops-mgmt: #8b5cf6; --ops-mgmt-bg: #f5f3ff; } #dxAdmTickets .team-technical .dxtk-avatar{ background: var(--ops-tech-bg); color: #b45309; box-shadow: 0 0 0 2px var(--ops-tech); } #dxAdmTickets .team-sales .dxtk-avatar{ background: var(--ops-sales-bg); color: #1d4ed8; box-shadow: 0 0 0 2px var(--ops-sales); } #dxAdmTickets .team-management .dxtk-avatar{ background: var(--ops-mgmt-bg); color: #6d28d9; box-shadow: 0 0 0 2px var(--ops-mgmt); } #dxAdmTickets .team-none .dxtk-avatar{ background: #f1f5f9; color: #475569; box-shadow: 0 0 0 2px #cbd5e1; } #dxAdmTickets .dxops-agent{ display: flex; flex-direction: column; gap: 10px; padding: 14px; border: 2px solid #cbd5e1; border-radius: 14px; background: #fff; } #dxAdmTickets .dxops-agent.team-technical{ border-color: #fcd34d; background: linear-gradient(180deg, var(--ops-tech-bg) 0, #fff 88px); } #dxAdmTickets .dxops-agent.team-sales{ border-color: #93c5fd; background: linear-gradient(180deg, var(--ops-sales-bg) 0, #fff 88px); } #dxAdmTickets .dxops-agent.team-management{ border-color: #c4b5fd; background: linear-gradient(180deg, var(--ops-mgmt-bg) 0, #fff 88px); } #dxAdmTickets .dxops-agent > header{ display: flex; align-items: center; gap: 12px; } #dxAdmTickets .dxops-agent > header .dxtk-avatar{ width: 42px; height: 42px; font-size: 14px; } #dxAdmTickets .is-ontime{ --dot: #10b981; } #dxAdmTickets .is-near{ --dot: #f59e0b; } #dxAdmTickets .is-late{ --dot: #ef4444; } #dxAdmTickets .dxops-team-pick{ display: inline-flex; margin-top: 3px; border-radius: 6px; font-size: 11.5px; font-weight: 700; } #dxAdmTickets .dxops-team-pick select{ height: 24px; padding: 0 22px 0 8px; border: 1px solid transparent; border-radius: 6px; background-color: transparent; color: inherit; font: inherit; cursor: pointer; } #dxAdmTickets .dxops-team-pick select:focus{ outline: 2px solid #93c5fd; outline-offset: 1px; } #dxAdmTickets .dxops-team-pick.team-technical{ background: #fef3c7; color: #92400e; } #dxAdmTickets .dxops-team-pick.team-sales{ background: #dbeafe; color: #1e40af; } #dxAdmTickets .dxops-team-pick.team-management{ background: #ede9fe; color: #5b21b6; } #dxAdmTickets .dxops-team-pick.team-none{ background: #f1f5f9; color: #475569; } #dxAdmTickets .dxtk-topsearch{ position: relative; display: flex; gap: 8px; margin-bottom: 14px; } #dxAdmTickets .dxtk-topsearch > i{ position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #94a3b8; } #dxAdmTickets .dxtk-topsearch input{ flex: 1; height: 46px; padding-left: 42px; border: 1px solid var(--ops-line); border-radius: 12px; background: #fff; font-size: 14.5px; } #dxAdmTickets .dxtk-topsearch input:focus{ border-color: #93c5fd; box-shadow: 0 0 0 3px rgba(37, 99, 235, .12); } #dxAdmTickets .dxtk-topsearch-btn{ flex-shrink: 0; height: 46px; padding: 0 22px; border: 0; border-radius: 12px; background: #0f172a; color: #fff; font-weight: 700; } #dxAdmTickets .dxtk-list{ padding: 0; border: 1px solid var(--ops-line); border-radius: 14px; overflow: visible; } #dxAdmTickets .dxtk-list-head{ display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 14px 18px; border-bottom: 1px solid var(--ops-line); } #dxAdmTickets .dxtk-list-head h2{ margin: 0; font-size: 16px; font-weight: 800; color: var(--ops-ink); } #dxAdmTickets .dxtk-list-head h2 small{ margin-left: 6px; color: var(--ops-muted); font-size: 12.5px; font-weight: 600; } #dxAdmTickets .dxtk-list-chips{ display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; } #dxAdmTickets .dxtk-list-chips span{ padding: 2px 9px; border-radius: 999px; background: #eff6ff; color: #1d4ed8; font-size: 12px; font-weight: 700; } #dxAdmTickets .dxtk-list-tools{ display: flex; align-items: center; gap: 12px; } #dxAdmTickets .dxtk-sort{ display: flex; align-items: center; gap: 8px; margin: 0; color: var(--ops-muted); font-size: 12.5px; font-weight: 600; } #dxAdmTickets .dxtk-sort select{ height: 36px; width: auto; border-radius: 9px; font-size: 13px; } #dxAdmTickets .dxtk-list-close{ color: var(--ops-muted); font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; } #dxAdmTickets .dxtk-list-close:hover{ color: #dc2626; } #dxAdmTickets .dxtk-selectall{ display: inline-flex; align-items: center; gap: 7px; margin: 12px 18px 0; color: var(--ops-muted); font-size: 12.5px; font-weight: 600; } #dxAdmTickets .dxtk-cards{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 14px; padding: 14px 18px 18px; transition: opacity .15s ease; } #dxAdmTickets .dxtk-cards.is-loading{ opacity: .5; pointer-events: none; } #dxAdmTickets .dxtk-card{ display: flex; flex-direction: column; gap: 5px; min-width: 0; padding: 14px 16px; border: 1px solid var(--ops-line); border-left: 4px solid #cbd5e1; border-radius: 12px; background: #fff; cursor: pointer; transition: box-shadow .15s ease, border-color .15s ease; } #dxAdmTickets .dxtk-card:hover,#dxAdmTickets .dxtk-card:focus{ border-color: #93c5fd; border-left-color: #2563eb; box-shadow: 0 6px 18px rgba(15, 23, 42, .07); outline: none; } #dxAdmTickets .dxtk-card.is-unread{ border-left-color: #2563eb; } #dxAdmTickets .dxtk-card.is-breached{ border-left-color: #dc2626; } #dxAdmTickets .dxtk-card.is-done{ border-left-color: #10b981; background: #f8fffb; } #dxAdmTickets .dxtk-card.is-selected{ border-color: #2563eb; background: #f5f9ff; } #dxAdmTickets .dxtk-card-meta{ display: flex; align-items: center; gap: 7px; min-width: 0; color: var(--ops-muted); font-size: 12px; } #dxAdmTickets .dxtk-card-meta .dxtk-code{ font-size: 12px; font-weight: 800; } #dxAdmTickets .dxtk-card-company{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #dxAdmTickets .dxtk-chip{ flex-shrink: 0; margin-left: auto; padding: 2px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 800; white-space: nowrap; } #dxAdmTickets .dxtk-chip.is-red{ background: #fee2e2; color: #b91c1c; } #dxAdmTickets .dxtk-chip.is-amber{ background: #fef3c7; color: #92400e; } #dxAdmTickets .dxtk-chip.is-orange{ background: #ffedd5; color: #c2410c; } #dxAdmTickets .dxtk-chip.is-blue{ background: #dbeafe; color: #1d4ed8; } #dxAdmTickets .dxtk-chip.is-teal{ background: #dcfce7; color: #15803d; } #dxAdmTickets .dxtk-card-project{ overflow: hidden; color: #2563eb; font-size: 12.5px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; } #dxAdmTickets .dxtk-card-subject{ color: var(--ops-ink); font-size: 15px; font-weight: 800; line-height: 1.35; text-decoration: none; } #dxAdmTickets .dxtk-card-subject:hover{ color: #1d4ed8; } #dxAdmTickets .dxtk-card-preview{ display: -webkit-box; margin: 0; overflow: hidden; color: #475569; font-size: 13px; line-height: 1.5; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #dxAdmTickets .dxtk-card-foot{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin-top: 4px; } #dxAdmTickets .dxtk-card-info{ display: inline-flex; align-items: center; gap: 5px; color: var(--ops-muted); font-size: 12.5px; } #dxAdmTickets .dxtk-card-info .dxtk-avatar{ width: 22px; height: 22px; font-size: 9.5px; } #dxAdmTickets .dxtk-card-foot .dxtk-actions{ margin-left: auto; } #dxAdmTickets .dxtk-card-dates{ color: #94a3b8; font-size: 11.5px; } #dxAdmTickets .dxtk-list .dxtk-pager{ padding: 12px 18px; border-top: 1px solid var(--ops-line); } #dxAdmTickets .dxtk-list .dxtk-empty{ margin: 18px; } @media (max-width: 1199px) { #dxAdmTickets .dxtk-cards{ grid-template-columns: minmax(0, 1fr); } } @media (max-width: 575px) { #dxAdmTickets .dxtk-topsearch-btn{ padding: 0 14px; } #dxAdmTickets .dxtk-cards{ padding: 12px; } #dxAdmTickets .dxtk-list-tools{ width: 100%; justify-content: space-between; } } .dxtk-secondary{ display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 18px; border: 1px solid #cbd5e1; border-radius: 10px; background: #fff; color: #0f172a !important; font-size: 15px; font-weight: 700; text-decoration: none !important; } .dxtk-secondary:hover{ border-color: #2563eb; color: #1d4ed8 !important; } .dxof-state{ display: inline-block; padding: 2px 10px; border-radius: 999px; font-size: 12px; font-weight: 800; } .dxof-state.is-amber{ background: #fef3c7; color: #92400e; } .dxof-state.is-blue{ background: #dbeafe; color: #1d4ed8; } .dxof-state.is-slate{ background: #f1f5f9; color: #475569; } .dxof-card{ margin-bottom: 16px; padding: 18px 20px; border: 1px solid #e2e8f0; border-left: 4px solid #cbd5e1; border-radius: 14px; background: #fff; } .dxof-card.is-pending{ border-color: #fcd34d; border-left-color: #f59e0b; background: #fffdf5; } .dxof-card.is-paid{ border-color: #bfdbfe; border-left-color: #2563eb; background: #f8fbff; } .dxof-card.is-expired{ opacity: .8; } .dxof-card-top{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; color: #64748b; font-size: 12.5px; font-weight: 700; } .dxof-card h3{ margin: 8px 0 6px; color: #0f172a; font-size: 18px; font-weight: 800; } .dxof-card p{ margin: 8px 0 0; color: #475569; font-size: 14px; line-height: 1.55; } .dxof-amount strong{ display: block; color: #0f172a; font-size: 24px; font-weight: 800; } .dxof-amount small{ color: #64748b; font-size: 12.5px; } .dxof-card-foot{ display: flex; justify-content: flex-end; align-items: center; gap: 10px; margin-top: 12px; color: #475569; font-size: 13px; } .dxof-pay{ display: inline-flex; align-items: center; gap: 8px; padding: 11px 22px; border: 0; border-radius: 10px; background: #059669; color: #fff !important; font-size: 15px; font-weight: 800; text-decoration: none !important; box-shadow: 0 6px 16px rgba(5, 150, 105, .25); cursor: pointer; } .dxof-pay:hover{ background: #047857; } .dxof-link{ color: #1d4ed8; font-weight: 700; } .dxof-plan{ margin-bottom: 16px; } @keyframes dxtdPulse { from { box-shadow: 0 0 0 0 rgba(52, 211, 153, .45); } to { box-shadow: 0 0 0 4px rgba(52, 211, 153, .15); } } html.dxwin-open,html.dxwin-open body{ overflow: hidden; } .dxwin{ position: fixed; inset: 0; z-index: 1080; display: flex; align-items: center; justify-content: center; padding: 24px; } .dxwin[hidden]{ display: none; } .dxwin-backdrop{ position: absolute; inset: 0; background: rgba(15, 23, 42, .55); backdrop-filter: blur(2px); } .dxwin-dialog{ position: relative; display: flex; flex-direction: column; width: min(1240px, 100%); height: min(92vh, 1100px); overflow: hidden; border-radius: 16px; background: #fff; box-shadow: 0 30px 80px rgba(15, 23, 42, .35); } .dxwin-head{ display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-bottom: 1px solid #e2e8f0; } .dxwin-head strong{ flex: 1; min-width: 0; overflow: hidden; color: #0f172a; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; } .dxwin-btn{ padding: 7px 12px; border: 1px solid #cbd5e1; border-radius: 9px; background: #fff; color: #334155 !important; font-size: 13px; font-weight: 700; text-decoration: none !important; cursor: pointer; } .dxwin-btn:hover{ border-color: #2563eb; color: #1d4ed8 !important; } .dxwin-frame{ flex: 1; width: 100%; border: 0; background: #f8fafc; } .dxwin.is-loading .dxwin-frame{ opacity: .4; } @media (max-width: 575px) { .dxwin{ padding: 0; } .dxwin-dialog{ height: 100vh; border-radius: 0; } .dxwin-head a.dxwin-btn{ display: none; } } .dxguide-dots{ display: flex; gap: 6px; } .dxguide-dots span{ width: 8px; height: 8px; border-radius: 50%; background: #cbd5e1; } .dxguide-dots span.is-active{ width: 22px; border-radius: 99px; background: #2563eb; } .dxcq-state{ grid-column: 1 / -1; color: #64748b; font-size: 12px; } .dxcq-state.is-ok{ color: #047857; font-weight: 800; } .dxcq-state.is-error{ color: #dc2626; font-weight: 700; } .dxst-card{ margin-top: 18px; padding: 16px 18px; border: 1px solid #e2e8f0; border-radius: 14px; background: #fff; } .dxst-head{ display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; } .dxst-head h2{ margin: 0; color: #0f172a; font-size: 16px; font-weight: 800; } .dxst-head h2 i{ margin-right: 6px; color: #2563eb; } .dxst-head small{ color: #64748b; font-size: 12.5px; } .dxst-new{ display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 9px; background: #2563eb; color: #fff !important; font-size: 13px; font-weight: 800; text-decoration: none !important; } .dxst-row{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid #e2e8f0; border-left: 3px solid #93c5fd; border-radius: 10px; margin-top: 8px; color: inherit !important; text-decoration: none !important; } .dxst-row:hover{ background: #f8fafc; } .dxst-row b{ display: block; color: #0f172a; font-size: 14px; } .dxst-row small{ color: #64748b; font-size: 12px; } .dxst-row.is-done{ border-left-color: #22c55e; background: #f0fdf4; } .dxst-state{ flex-shrink: 0; padding: 2px 9px; border-radius: 999px; background: #eff6ff; color: #1d4ed8; font-size: 11.5px; font-weight: 800; } .dxst-row.is-done .dxst-state{ background: #dcfce7; color: #15803d; } .dxst-empty{ margin: 4px 0 0; color: #64748b; font-size: 13.5px; } .dxtk-badge.is-yellow{ background: #fef9c3; border-color: #fde047; color: #854d0e; } #dxAdmTickets .dxtk-chip.is-yellow{ background: #fef9c3; color: #854d0e; } #dxAdmTickets .dxtk-unread-box{ margin-bottom: 18px; padding: 14px 18px; border: 2px solid #93c5fd; border-radius: 14px; background: #eff6ff; } #dxAdmTickets .dxtk-unread-head{ display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } #dxAdmTickets .dxtk-unread-icon{ display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; background: #2563eb; color: #fff; font-size: 18px; } #dxAdmTickets .dxtk-unread-head h2{ margin: 0; color: #1e3a8a; font-size: 17px; font-weight: 800; } #dxAdmTickets .dxtk-unread-head h2 b{ display: inline-block; min-width: 24px; margin-left: 4px; padding: 0 8px; border-radius: 999px; background: #dc2626; color: #fff; font-size: 12.5px; text-align: center; } #dxAdmTickets .dxtk-unread-head p{ margin: 2px 0 0; color: #1e40af; font-size: 13px; } #dxAdmTickets .dxtk-unread-all{ color: #1d4ed8; font-size: 13px; font-weight: 800; text-decoration: underline; } #dxAdmTickets .dxtk-unread-list{ display: grid; gap: 6px; margin: 12px 0 0; padding: 0; list-style: none; } #dxAdmTickets .dxtk-unread-list a{ display: block; padding: 9px 12px; border: 1px solid #bfdbfe; border-left: 4px solid #2563eb; border-radius: 10px; background: #fff; color: inherit; text-decoration: none; } #dxAdmTickets .dxtk-unread-list a:hover{ border-color: #2563eb; } #dxAdmTickets .dxtk-unread-list b{ display: block; color: #0f172a; font-size: 14px; } #dxAdmTickets .dxtk-unread-list small{ color: #64748b; font-size: 12px; } .dxss{ position: relative; } .dxss .dxss-native{ position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; opacity: 0; pointer-events: none; } .dxss-toggle{ display: block; width: 100%; padding-right: 30px !important; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; } .dxss-toggle:disabled{ cursor: default; opacity: .7; } .dxss-panel{ position: fixed; z-index: 1100; display: flex; flex-direction: column; max-width: min(420px, calc(100vw - 16px)); max-height: 320px; border: 1px solid #93c5fd; border-radius: 10px; background: #fff; box-shadow: 0 12px 32px rgba(15, 23, 42, .18); } .dxss-panel[hidden]{ display: none; } .dxss-input{ margin: 8px; padding: 7px 10px; border: 1px solid #cbd5e1; border-radius: 8px; font-size: 13.5px; outline: none; } .dxss-input:focus{ border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37, 99, 235, .12); } .dxss-list{ flex: 1; margin: 0; padding: 0 6px 6px; overflow-y: auto; list-style: none; } .dxss-opt{ padding: 7px 10px; border-radius: 7px; color: #0f172a; font-size: 13.5px; cursor: pointer; } .dxss-opt:hover,.dxss-opt.is-active{ background: #eff6ff; color: #1d4ed8; } .dxss-opt.is-selected{ font-weight: 800; } .dxss-opt.is-selected::after{ content: " ✓"; color: #2563eb; } .dxss-opt.is-disabled{ color: #94a3b8; cursor: default; } .dxss-group{ padding: 8px 10px 4px; color: #64748b; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; } .dxss-empty{ padding: 10px; color: #94a3b8; font-size: 13px; } #dxAdmTickets .dxtk-mine{ display: inline-flex; flex-shrink: 0; align-items: center; gap: 8px; height: 46px; padding: 0 16px; border: 2px solid #2563eb; border-radius: 12px; background: #fff; color: #1d4ed8 !important; font-weight: 800; text-decoration: none !important; white-space: nowrap; } #dxAdmTickets .dxtk-mine b{ min-width: 24px; padding: 1px 8px; border-radius: 999px; background: #2563eb; color: #fff; font-size: 12.5px; text-align: center; } #dxAdmTickets .dxtk-mine.is-active,#dxAdmTickets .dxtk-mine:hover{ background: #eff6ff; } @media (max-width: 575px) { #dxAdmTickets .dxtk-topsearch{ flex-wrap: wrap; } #dxAdmTickets .dxtk-mine{ width: 100%; justify-content: center; } } @keyframes dxnaBlink { 0%, 100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, .55); } 50% { box-shadow: 0 0 0 6px rgba(220, 38, 38, 0); } } @keyframes dxnaDot { 0%, 100% { opacity: 1; } 50% { opacity: .2; } } #dxAdmTickets .dxtk-card.is-new-assignment{ border-color: #dc2626; animation: dxnaBlink 1.4s ease-in-out infinite; } #dxAdmTickets .dxtk-owntabs{ display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px; } #dxAdmTickets .dxtk-owntabs a{ display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border: 1px solid #e2e8f0; border-radius: 999px; background: #fff; color: #334155; font-size: 13px; font-weight: 600; text-decoration: none; } #dxAdmTickets .dxtk-owntabs a b{ color: #64748b; font-weight: 700; } #dxAdmTickets .dxtk-owntabs a.is-active{ background: #0f172a; border-color: #0f172a; color: #fff; } #dxAdmTickets .dxtk-owntabs a.is-active b{ color: #cbd5e1; } @media (prefers-reduced-motion: reduce) { #dxAdmTickets .dxtk-card.is-new-assignment{ animation: none; } } .dxsa-results{ position: absolute; z-index: 1060; margin-top: 4px; left: 0; right: 0; max-height: 320px; overflow-y: auto; background: #fff; border: 1px solid #cbd5e1; border-radius: 10px; box-shadow: 0 12px 28px rgba(15, 23, 42, .14); padding: 4px; } .dxsa-results[hidden],.dxsa-picked[hidden]{ display: none; } .dxsa-item{ display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; width: 100%; padding: 8px 10px; border: 0; border-radius: 8px; background: none; text-align: left; color: #0f172a; font-size: 13px; cursor: pointer; } .dxsa-item small{ flex-basis: 100%; color: #64748b; font-size: 12px; overflow-wrap: anywhere; } .dxsa-item:hover,.dxsa-item.is-active{ background: #eff6ff; } .dxsa-empty{ padding: 10px 12px; color: #64748b; font-size: 13px; } .dxsa-tag{ display: inline-block; padding: 1px 8px; border-radius: 999px; background: #e0e7ff; color: #3730a3; font-size: 11px; font-weight: 700; } .dxsa-tag.is-off{ background: #fee2e2; color: #b91c1c; } .dxsa-picked{ margin-top: 6px; padding: 6px 10px; border-radius: 8px; background: #f0fdf4; border: 1px solid #bbf7d0; color: #166534; font-size: 12.5px; overflow-wrap: anywhere; } .dxsa-item.is-disabled{ opacity: .6; cursor: not-allowed; } .dxsa-item.is-disabled:hover{ background: none; } .dxo-badge.is-indigo{ background: #eef2ff; border-color: #c7d2fe; color: #4338ca; } .dxo-badge.is-teal{ background: #f0fdfa; border-color: #99f6e4; color: #0f766e; } .dxo-badge.is-slate{ background: #f8fafc; border-color: #cbd5e1; color: #64748b; text-decoration: line-through; text-decoration-color: rgba(100, 116, 139, .5); } @keyframes dxaoPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(37, 99, 235, .45); } 50% { box-shadow: 0 0 0 6px rgba(37, 99, 235, 0); } } @keyframes dxtkNoteFlash { 0%, 100% { box-shadow: 0 0 0 0 rgba(217, 119, 6, 0); } 30% { box-shadow: 0 0 0 4px rgba(217, 119, 6, .45); } } .dxtk-notes-list{ margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; } .dxtk-notes-list a{ display: block; padding: 8px 10px; border-radius: 10px; border: 1px dashed #fcd34d; background: #fffbeb; color: #0f172a; text-decoration: none; } .dxtk-notes-list a:hover{ border-style: solid; border-color: #d97706; } .dxtk-notes-meta{ display: block; font-size: 11.5px; color: #92400e; margin-bottom: 2px; } .dxtk-notes-text{ display: block; font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; } .dxtk-notes-all{ margin-top: 8px; padding: 0; border: 0; background: none; color: #1d4ed8; font-size: 12.5px; font-weight: 600; cursor: pointer; } .vds-page .cp-container{ max-width: 1320px; margin-inline: auto; padding-inline: 15px; } .vds-page .cp-packages-grid.vds-grid-4{ grid-template-columns: repeat(4, 1fr); } .vds-page .vds-cat-desc{ margin: 0 0 18px; font-size: 14.5px; color: #475569; } .vds-page .vds-cat-desc strong{ color: #0f172a; } .vds-addon-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; } .vds-addon-card ul{ list-style: none; margin: 10px 0 0; padding: 0; } .vds-addon-card li{ display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px dashed #e2e8f0; font-size: 13.5px; color: #cbd5e1; } .vds-addon-card li:first-child{ border-top: 0; } .vds-addon-card li b{ white-space: nowrap; color: #fff; } .vds-modal{ max-width: 620px; } .vds-modal .cp-modal-body{ max-height: min(68vh, 640px); overflow-y: auto; } .vds-options{ display: grid; gap: 8px; } .vds-addon-group{ margin: 0 0 12px; padding: 0; border: 0; min-width: 0; } .vds-addon-group legend{ margin-bottom: 6px; font-size: 12.5px; font-weight: 800; color: #64748b; text-transform: uppercase; letter-spacing: .3px; } .vds-opt{ display: flex; align-items: center; gap: 10px; margin: 0 0 6px; padding: 9px 12px; border: 1px solid #e2e8f0; border-radius: 10px; cursor: pointer; font-size: 14px; color: #1e293b; } .vds-opt:hover{ border-color: #ff6a00; } .vds-opt input{ flex: 0 0 auto; accent-color: #ff6a00; } .vds-opt span{ flex: 1 1 auto; min-width: 0; } .vds-opt b{ white-space: nowrap; font-size: 13px; color: #334155; } .vds-opt:has(input:checked){ border-color: #ff6a00; background: #fff7ed; } @media (max-width: 1100px) { .vds-page .cp-packages-grid.vds-grid-4{ grid-template-columns: repeat(2, 1fr); } .vds-addon-grid{ grid-template-columns: repeat(2, 1fr); } } @media (max-width: 640px) { .vds-page .cp-packages-grid.vds-grid-4,.vds-addon-grid{ grid-template-columns: 1fr; } } a.is-busy[aria-disabled="true"]{ pointer-events: none; opacity: .75; cursor: progress; } .btn-action.is-busy,.btn-action.is-busy:hover{ cursor: progress; opacity: .75; pointer-events: none; } #daynex-ceo-cards.dx-assistant h3{ margin:0; font-size:14px; font-weight:600; } @media (max-width: 800px) { body.dx-mobile-ready #dx-mobile-app.mx-app,body.dx-mobile-ready[data-mx-view="start"] #dx-mobile-app.mx-app{ padding-top: 16px; } body.dx-mobile-ready{ padding-bottom: 0; } } .dxhome-noscript{ max-width: 1290px; margin: 0 auto; padding: 48px 15px 64px; color: #0f172a; } .dxhome-noscript h1{ font-size: 34px; line-height: 1.2; margin: 0 0 12px; } .dxhome-noscript h2{ font-size: 20px; margin: 32px 0 12px; } .dxhome-noscript p{ color: #64748b; margin: 0 0 18px; } .dxhome-noscript form{ display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 8px; } .dxhome-noscript label{ width: 100%; font-size: 13px; font-weight: 700; } .dxhome-noscript input,.dxhome-noscript select{ padding: 11px 13px; border: 1px solid #dbe4f0; border-radius: 9px; font: inherit; } .dxhome-noscript input{ flex: 1 1 260px; } .dxhome-noscript button{ padding: 11px 20px; border: 0; border-radius: 9px; background: #3174f1; color: #fff; font-weight: 700; cursor: pointer; } .dxhome-noscript ul{ list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; } .dxhome-noscript a{ color: #1d4ed8; } .dxd-page{ --dxd-ink:#0f172a; --dxd-muted:#64748b; --dxd-blue:#3174f1; --dxd-blue-dark:#1d4ed8; --dxd-line:#e2e8f0; --dxd-soft:#f5f8ff; background:#fff; color:var(--dxd-ink); font-family:'Nunito', 'Segoe UI', sans-serif; letter-spacing:normal; } .dxd-page *{ box-sizing:border-box; } .dxd-wrap{ max-width:1320px; margin-inline:auto; padding:0 15px 64px; } .dxd-page a{ color:inherit; text-decoration:none; } .dxd-page :is(h1,h2,h3,p,ul,ol,figure){ margin:0; } .dxd-page :is(h1,h2,h3){ font-family:inherit; font-weight:800; letter-spacing:-.03em; color:var(--dxd-ink); text-transform:none; } .dxd-page p{ font-size:14.5px; line-height:1.75; color:var(--dxd-muted); } .dxd-page :is(a,button,input,select):focus-visible{ outline:3px solid rgba(49,116,241,.45); outline-offset:3px; border-radius:8px; } .dxd-sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; } .dxd-eyebrow{ display:block; font-size:11px; font-weight:800; letter-spacing:.12em; line-height:1.6; color:var(--dxd-blue); } .dxd-stripe{ display:block; width:100px; height:4px; margin-bottom:14px; border-radius:2px; background:linear-gradient(90deg,#d7312c 0 22px, transparent 22px 26px, #29579c 26px 48px, transparent 48px 52px, #33a052 52px 74px, transparent 74px 78px, #f1bb3c 78px 100px); } .dxd-search-block{ padding:44px 0 36px; } .dxd-search-block h1{ font-size:clamp(34px,3.6vw,50px); line-height:1.08; margin:14px 0 14px; } .dxd-search-block h1 em{ font-style:normal; color:var(--dxd-blue); } .dxd-search-block > p{ max-width:560px; } .dxd-form{ display:flex; flex-wrap:wrap; gap:10px; align-items:stretch; margin:26px 0 16px; max-width:760px; } .dxd-form input[type=text]{ flex:1 1 320px; min-width:0; height:52px; padding:0 16px; font:inherit; font-size:15px; color:var(--dxd-ink); background:#fff; border:1px solid var(--dxd-line); border-radius:10px; } .dxd-form input[type=text]::placeholder{ color:#94a3b8; } .dxd-form select{ height:52px; padding:0 12px; font:inherit; font-size:15px; font-weight:700; color:var(--dxd-ink); background:#fff; border:1px solid var(--dxd-line); border-radius:10px; cursor:pointer; } .dxd-form button{ height:52px; padding:0 24px; border:1px solid var(--dxd-blue); border-radius:10px; background:var(--dxd-blue); color:#fff; font:inherit; font-size:14.5px; font-weight:800; cursor:pointer; display:inline-flex; align-items:center; gap:10px; transition:background .15s, box-shadow .15s; } .dxd-form button:hover{ background:var(--dxd-blue-dark); border-color:var(--dxd-blue-dark); box-shadow:0 8px 20px rgba(49,116,241,.22); } .dxd-chips{ display:flex; flex-wrap:wrap; gap:10px; list-style:none; padding:0; } .dxd-chips li{ display:inline-flex; align-items:baseline; gap:8px; padding:8px 14px; background:var(--dxd-soft); border:1px solid #dbe6fb; border-radius:999px; font-size:13px; } .dxd-chips strong{ font-weight:800; color:var(--dxd-ink); } .dxd-chips span{ color:#1e40af; font-weight:700; } .dxd-note{ margin-top:12px; font-size:12.5px; color:#94a3b8; } .dxd-result{ display:grid; grid-template-columns:1.35fr 1fr; gap:0; border:1px solid var(--dxd-line); border-radius:16px; overflow:hidden; margin-bottom:28px; } .dxd-result-main{ padding:32px 34px; } .dxd-result-side{ padding:32px 34px; background:var(--dxd-soft); border-left:1px solid #dbe6fb; } .dxd-status{ display:inline-flex; align-items:center; gap:8px; padding:5px 12px; border-radius:999px; font-size:11.5px; font-weight:800; letter-spacing:.04em; } .dxd-status::before{ content:""; width:7px; height:7px; border-radius:50%; background:currentColor; } .dxd-status-free{ background:#e8f7ef; color:#1a7f4b; } .dxd-status-taken{ background:#fdecec; color:#b3261e; } .dxd-domain{ font-size:clamp(28px,3.2vw,42px); line-height:1.1; margin:14px 0 22px; word-break:break-word; } .dxd-domain em{ font-style:normal; color:var(--dxd-blue); } .dxd-domain-sm{ font-size:clamp(22px,2.2vw,28px); margin:10px 0 18px; font-weight:800; color:var(--dxd-ink); } .dxd-buy{ display:flex; flex-wrap:wrap; align-items:center; gap:16px; } .dxd-price{ display:inline-flex; align-items:baseline; gap:8px; } .dxd-price strong{ font-size:22px; font-weight:800; color:var(--dxd-ink); } .dxd-price small{ font-size:12px; color:var(--dxd-muted); } .dxd-price s{ font-size:13px; color:#94a3b8; } .dxd-button{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:46px; padding:11px 22px; border:1px solid var(--dxd-blue); border-radius:10px; background:var(--dxd-blue); color:#fff; font:inherit; font-size:14.5px; font-weight:800; cursor:pointer; transition:background .15s, box-shadow .15s, border-color .15s; } .dxd-button:hover{ background:var(--dxd-blue-dark); border-color:var(--dxd-blue-dark); box-shadow:0 8px 20px rgba(49,116,241,.22); } .dxd-button[disabled]{ opacity:.65; cursor:default; box-shadow:none; } .dxd-button.is-added{ background:#1a7f4b; border-color:#1a7f4b; box-shadow:none; } .dxd-button-ghost{ background:#fff; color:var(--dxd-blue-dark); } .dxd-button-ghost:hover{ background:var(--dxd-soft); box-shadow:none; } .dxd-button-sm{ min-height:40px; padding:9px 16px; font-size:13.5px; } .dxd-text-link{ color:var(--dxd-blue-dark); font-weight:800; font-size:13.5px; } .dxd-text-link:hover{ text-decoration:underline; text-underline-offset:4px; } .dxd-result-side h3{ font-size:16px; margin-bottom:12px; } .dxd-result-side ul{ list-style:none; padding:0; display:grid; gap:10px; } .dxd-result-side li{ position:relative; padding-left:24px; font-size:13.5px; line-height:1.6; color:#475569; } .dxd-result-side li::before{ content:"✓"; position:absolute; left:0; color:var(--dxd-blue); font-weight:800; } .dxd-section-head{ margin-bottom:18px; } .dxd-section-head h2{ font-size:clamp(24px,2.4vw,32px); line-height:1.18; margin-top:8px; } .dxd-alts{ padding-top:14px; } .dxd-alt-list{ list-style:none; padding:0; border:1px solid var(--dxd-line); border-radius:16px; overflow:hidden; } .dxd-alt{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; padding:18px 24px; border-top:1px solid #eef2f7; } .dxd-alt:first-child{ border-top:0; } .dxd-alt.is-taken{ background:#fcfdff; } .dxd-alt-name strong{ display:block; font-size:20px; font-weight:800; color:var(--dxd-ink); } .dxd-alt-name strong em{ font-style:normal; color:var(--dxd-blue); } .dxd-alt.is-taken .dxd-alt-name strong{ color:#64748b; } .dxd-alt.is-taken .dxd-alt-name strong em{ color:#94a3b8; } .dxd-alt-state{ display:block; margin-top:4px; font-size:12px; font-weight:700; color:var(--dxd-muted); } .dxd-alt.is-taken .dxd-alt-state{ color:#b3261e; } .dxd-alt:not(.is-taken) .dxd-alt-state{ color:#1a7f4b; } .dxd-tag{ display:inline-block; margin-bottom:6px; padding:3px 9px; border-radius:999px; background:var(--dxd-soft); border:1px solid #dbe6fb; font-size:11px; font-weight:800; color:#1e40af; } .dxd-alt-action{ display:flex; align-items:center; gap:18px; } .dxd-kb{ margin-top:48px; padding-top:40px; border-top:1px solid var(--dxd-line); } .dxd-kb-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; } .dxd-kb-grid article{ padding:22px 24px; border:1px solid var(--dxd-line); border-radius:16px; background:#fff; } .dxd-kb-grid h3{ font-size:17px; margin-bottom:8px; } .dxd-kb-grid p{ font-size:13.5px; line-height:1.7; } .dxd-kb-links{ display:flex; flex-wrap:wrap; gap:10px 26px; margin-top:22px; } .dxd-kb-links a{ font-size:14px; font-weight:800; color:var(--dxd-blue-dark); } .dxd-kb-links a:hover{ text-decoration:underline; text-underline-offset:4px; } @media (max-width: 991px) { .dxd-result{ grid-template-columns:1fr; } .dxd-result-side{ border-left:0; border-top:1px solid #dbe6fb; } .dxd-kb-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (max-width: 800px) { .dxd-search-block{ padding:28px 0 24px; } .dxd-form{ gap:8px; } .dxd-form input[type=text]{ flex:1 1 100%; } .dxd-form select{ flex:0 0 112px; } .dxd-form button{ flex:1 1 auto; } .dxd-result-main,.dxd-result-side{ padding:24px 20px; } .dxd-alt{ padding:16px 18px; } .dxd-alt-name strong{ font-size:17px; } .dxd-alt-action{ width:100%; justify-content:space-between; } .dxd-kb-grid{ grid-template-columns:1fr; } .dxd-wrap{ padding-bottom:40px; } } .dxd-domain em,.dxd-alt-name strong em{ white-space: nowrap; } .dxd-domain,.dxd-alt-name strong{ overflow-wrap: anywhere; } @media (max-width: 800px) { .dxd-domain{ font-size: clamp(21px, 6.4vw, 30px); } .dxd-alt-name strong{ font-size: 16px; } } .lxh-page .cp-container{ max-width: 1320px; margin-inline: auto; padding-inline: 15px; } .lxh-page .cp-packages-grid.lxh-grid{ grid-template-columns: repeat(4, 1fr); } .lxh-page .lxh-note{ margin: -10px 0 22px; text-align: center; } .lxh-page .lxh-empty{ padding: 28px; border: 1px dashed #cbd5e1; border-radius: 14px; text-align: center; color: #475569; } .lxh-table td:not(:first-child),.lxh-table th:not(:first-child){ text-align: center; white-space: nowrap; } .lxh-table .lxh-price-row td{ border-top: 2px solid #e2e8f0; } .lxh-common{ padding: 65px 0; background: #f5f8ff; border-top: 1px solid #e2e8f0; } .lxh-common-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; } .lxh-common-card{ padding: 22px 20px; background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; } .lxh-common-card strong{ display: block; margin: 10px 0 6px; font-size: 15.5px; color: #0f172a; } .lxh-common-card p{ margin: 0; font-size: 13.5px; line-height: 1.55; color: #64748b; } .lxh-common-icon{ font-size: 24px; line-height: 1; } .lxh-modal{ max-width: 520px; } .lxh-error{ display: block; margin-top: 6px; font-size: 13px; font-weight: 700; color: #dc2626; } @media (max-width: 1100px) { .lxh-page .cp-packages-grid.lxh-grid,.lxh-common-grid{ grid-template-columns: repeat(2, 1fr); } } @media (max-width: 640px) { .lxh-page .cp-packages-grid.lxh-grid,.lxh-common-grid{ grid-template-columns: 1fr; } } @media (max-width: 767.98px) { .selected-background .irongroup > .daynex-dv-3{ flex-wrap: wrap; align-items: flex-start; row-gap: 10px; padding-right: 15px !important; } .selected-background .irongroup > .daynex-dv-3 > .levelflex{ flex: 1 1 0 !important; max-width: none !important; min-width: 0; } .selected-background .irongroup > .daynex-dv-3 > .daynex-dv-5,.selected-background .irongroup > .daynex-dv-3 > select{ flex: 1 1 100% !important; width: 100% !important; max-width: 100%; margin: 0 0 0 30px !important; } .selected-background .irongroup > .daynex-dv-3 > .daynex-dv-5{ justify-content: space-between; } .selected-background .irongroup > .daynex-dv-3 > .daynex-dv-5 .ayri-sec{ margin-right: auto; } .selected-background .irongroup > .daynex-dv-3 > select ~ .value{ margin-left: auto; } .selected-background .kutular{ width: 100%; margin: 0; } } @media (max-width: 767.98px) { .kt_blog-menu{ justify-content: flex-start !important; gap: 8px; margin-bottom: 24px !important; } .kt_blog-menu .kt_blog-menu-item{ flex: 0 0 auto !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 4px 14px !important; } .kt_blog-menu .kt_blog-menu-item h2{ white-space: nowrap; } .classic-blog .posts{ border-left: 0 !important; padding-left: 0 !important; margin-left: 0 !important; } .classic-blog .posts .post{ padding-bottom: 32px; } .classic-blog .posts .format-wrapper{ display: none !important; } .classic-blog .posts .date-wrapper{ position: static !important; display: block !important; float: none !important; margin: 0 0 8px !important; text-align: left; } .classic-blog .posts .date-wrapper .date{ display: inline-block !important; max-width: none !important; max-height: none !important; border-radius: 999px !important; padding: 4px 12px !important; } .classic-blog .posts .date-wrapper .date .day{ font-size: 12px; line-height: 16px; } .classic-blog .posts .date-wrapper .date .day br{ display: none; } .classic-blog .posts .media-wrapper{ float: none !important; width: 100% !important; max-width: 100%; margin: 8px 0 12px !important; } .classic-blog .posts .media-wrapper img{ width: 100%; height: auto; } } @media (max-width: 767.98px) { #daynex_section_id_25 .daynex_s_row{ margin-left: 0 !important; margin-right: 0 !important; flex-wrap: wrap; } #daynex_section_id_25 > .daynex_con-inner > .daynex_s_row > div{ flex: 0 0 100%; max-width: 100%; padding-left: 0 !important; padding-right: 0 !important; } #daynex_section_id_25 .daynex_column-addons{ width: 100% !important; gap: 12px; } #daynex_section_id_25 .daynex_column-addons > .daynex_addon_wrapper_lo{ flex: 1 1 0 !important; min-width: 0; } #daynex_section_id_25 .sppb-addon-text{ white-space: normal !important; overflow-wrap: anywhere; } #daynex_section_id_25 .sppb-media-content{ height: auto !important; } #daynex_section_id_25 .daynex_extra_flex_div{ margin-top: 0 !important; } } @media (max-width: 767.98px) { .cm-page .promo-message{ font-size: 9.5px !important; line-height: 1.15; } .cm-page .promo .demo-link,.cm-page .promo .price-link{ width: 24% !important; padding: 0 6px !important; gap: 3px !important; font-size: 9px !important; } .cm-page .promo .demo-link{ left: 16% !important; } .cm-page .promo .price-link{ left: 58.5% !important; } .cm-page .promo-button-icon{ width: 11px; } .cm-page .promo-button-arrow{ width: 9px; } } @media (max-width: 991.98px) { body:has(> #dxHeader){ margin-top: 0 !important; } .resetcol:has(> .col-md-2.col-xs-3 .font10lineheight){ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; } .resetcol:has(> .col-md-2.col-xs-3 .font10lineheight)::before,.resetcol:has(> .col-md-2.col-xs-3 .font10lineheight)::after{ content: none; } .resetcol > .col-md-2.col-xs-3:has(.font10lineheight){ float: none; width: auto; min-height: 0; padding: 0; } .resetcol > .col-md-2.col-xs-3 .font10lineheight{ width: auto !important; margin: 6px 0 0 !important; word-break: normal; overflow-wrap: anywhere; } } #dxCart .dxc-period-note{ display: block; margin-top: 4px; font-size: 11px; line-height: 1.35; color: var(--dxc-muted, #64748b); max-width: 160px; } .dxtk-change-summary{ margin: 0 0 12px; padding: 10px 12px; border-radius: 8px; background: #f1f5f9; font-size: 14px; color: #334155; } .dxtk-change-summary .fa{ margin: 0 6px; color: #64748b; } @keyframes dxacc-spin { to { transform: rotate(360deg); } } @keyframes dxarPulse { 0% { box-shadow: 0 0 0 0 rgba(245,158,11,.6); } 70% { box-shadow: 0 0 0 9px rgba(245,158,11,0); } 100% { box-shadow: 0 0 0 0 rgba(245,158,11,0); } } @keyframes dxarRowBlink { 0%, 100% { background: transparent; } 50% { background: #fff7e6; } } @keyframes dxarBlink { to { visibility: hidden; } } #dxAdmTickets .dxtk-archive-hint{ display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; padding: 4px 10px; border-radius: 999px; background: #f1f5f9; color: #475569; font-size: 12.5px; font-weight: 600; text-decoration: none; } #dxAdmTickets .dxtk-archive-hint:hover{ background: #e2e8f0; color: #0f172a; } .dxt-cust-via{ color: #1d4ed8 !important; font-weight: 700; } .dxcs-label{ display: block; margin: 14px 0 6px; font-weight: 600; font-size: 14px; color: #0f172a; } .dxcs-label small{ font-weight: 400; color: #64748b; } .dxcs-input{ width: 100%; padding: 10px 12px; border: 1px solid #d1d5db; border-radius: 8px; font: inherit; background: #fff; } .dxcs-input:focus{ outline: none; border-color: #3174f1; box-shadow: 0 0 0 3px rgba(49, 116, 241, .15); } .dxcs-upload{ position: relative; display: flex; align-items: center; gap: 14px; padding: 12px 14px; border: 1.5px dashed #cbd5e1; border-radius: 12px; background: #f8fafc; cursor: pointer; transition: border-color .15s, background .15s; } .dxcs-upload:hover,.dxcs-upload:focus-within{ border-color: #3174f1; background: #f5f8ff; } .dxcs-upload.is-filled{ border-style: solid; border-color: #3174f1; background: #f5f8ff; } .dxcs-file{ position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; pointer-events: none; } .dxcs-upload-thumb{ position: relative; flex: none; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 10px; background: #fff; border: 1px solid #e2e8f0; color: #64748b; overflow: hidden; } .dxcs-upload-thumb svg{ width: 24px; height: 24px; } .dxcs-upload-thumb img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 4px; background: #fff; } .dxcs-upload-text{ flex: 1; min-width: 0; display: grid; gap: 2px; } .dxcs-upload-text strong{ font-size: 14px; color: #0f172a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dxcs-upload-text small{ font-size: 12.5px; color: #64748b; } .dxcs-upload-btn{ flex: none; padding: 8px 14px; border-radius: 8px; background: #fff; border: 1px solid #cbd5e1; font-size: 13.5px; font-weight: 700; color: #1d4ed8; } .dxcs-upload:hover .dxcs-upload-btn{ border-color: #3174f1; } @media (max-width: 480px) { .dxcs-upload-btn{ display: none; } } .dxcs-error{ margin: 6px 0 0; color: #b91c1c; font-size: 13.5px; } .dxcs-design{ display: grid; gap: 4px; } .dxcs-colors{ display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; margin-top: 10px; } .dxcs-colors label{ display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: #0f172a; } .dxcs-colors input[type=color]{ width: 42px; height: 34px; padding: 2px; border: 1px solid #d1d5db; border-radius: 8px; background: #fff; cursor: pointer; } .dxcs-colors input[type=color]:disabled{ opacity: .4; cursor: not-allowed; } .dxcs-colors .dxcs-check{ font-weight: 500; color: #475569; } .dxcs-check{ display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; font-size: 14px; color: #475569; } .dxcs-choices{ display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 0; padding: 0; border: 0; } .dxcs-choices legend{ width: 100%; margin-bottom: 6px; padding: 0; font-weight: 600; font-size: 14px; color: #0f172a; } .dxcs-choices label{ display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid #d1d5db; border-radius: 10px; font-size: 14px; cursor: pointer; background: #fff; } .dxcs-choices label:has(input:checked){ border-color: #3174f1; background: #eff6ff; color: #1d4ed8; font-weight: 600; } .dxcs-choices input{ position: absolute; opacity: 0; pointer-events: none; } .dxcs-choices label:has(input:focus-visible){ box-shadow: 0 0 0 3px rgba(49, 116, 241, .25); } .dxcs-ico{ display: inline-block; width: 16px; height: 16px; background: currentColor; } .dxcs-ico.is-rounded{ border-radius: 4px; } .dxcs-ico.is-dots{ border-radius: 50%; } .dxcs-ico.is-eye-square,.dxcs-ico.is-eye-rounded,.dxcs-ico.is-eye-circle{ background: transparent; border: 3px solid currentColor; box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 8px currentColor; } .dxcs-ico.is-eye-rounded{ border-radius: 5px; } .dxcs-ico.is-eye-circle{ border-radius: 50%; } .dxcs-preview-box{ position: relative; display: inline-block; max-width: 100%; } .dxcs-preview-box img[data-qr-preview],.dxcs-preview-box > img:first-child{ display: block; width: 300px; max-width: 100%; height: auto; border: 1px solid #e2e8f0; border-radius: 14px; background: #fff; transition: opacity .15s; } .dxcs-logo-overlay{ position: absolute; left: 50%; top: 50%; width: 18%; height: 18%; object-fit: contain; transform: translate(-50%, -50%); padding: 2%; border-radius: 8px; background: #fff; } .dxqr-hero{ position: relative; overflow: hidden; padding: 64px 0 72px; background: radial-gradient(circle at 85% 20%, rgba(49, 116, 241, .14), transparent 45%), radial-gradient(circle at 10% 90%, rgba(51, 160, 82, .10), transparent 40%), linear-gradient(180deg, #f5f8ff 0%, #ffffff 100%); border-bottom: 1px solid #e2e8f0; } .dxqr-hero::before{ content: ""; position: absolute; inset: 0; background-image: radial-gradient(#cbd5e1 1px, transparent 1px); background-size: 22px 22px; opacity: .35; mask-image: linear-gradient(90deg, transparent 0%, #000 60%); pointer-events: none; } .dxqr-hero-inner{ position: relative; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 40px; align-items: center; } .dxqr-eyebrow{ display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: #fff; border: 1px solid #dbe6ff; color: #1d4ed8; font-size: 13px; font-weight: 700; letter-spacing: .3px; } .dxqr-eyebrow i{ width: 8px; height: 8px; border-radius: 2px; background: linear-gradient(135deg, #d7312c 0 25%, #29579c 25% 50%, #33a052 50% 75%, #f1bb3c 75%); } .dxqr-hero h1{ margin: 16px 0 14px; font-size: clamp(30px, 4vw, 46px); line-height: 1.12; font-weight: 800; color: #0f172a; letter-spacing: -.5px; } .dxqr-hero h1 em{ font-style: normal; color: #3174f1; } .dxqr-lead{ margin: 0 0 18px; font-size: 17px; line-height: 1.65; color: #475569; max-width: 600px; } .dxqr-ticks{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 18px; margin: 0 0 24px; padding: 0; list-style: none; max-width: 560px; } .dxqr-ticks li{ position: relative; padding-left: 26px; font-size: 15px; font-weight: 600; color: #0f172a; } .dxqr-ticks li::before{ content: "✓"; position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: #dcfce7; color: #15803d; font-size: 12px; font-weight: 800; } .dxqr-hero-actions{ display: flex; flex-wrap: wrap; gap: 12px; } .dxqr-btn{ display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 12px 22px; border-radius: 10px; border: 1.5px solid #cbd5e1; background: #fff; color: #0f172a; font-weight: 700; font-size: 15px; text-decoration: none; cursor: pointer; transition: transform .15s, box-shadow .15s, background .15s; } .dxqr-btn:hover{ transform: translateY(-1px); box-shadow: 0 8px 20px rgba(15, 23, 42, .08); color: #0f172a; text-decoration: none; } .dxqr-btn.is-primary{ background: #3174f1; border-color: #3174f1; color: #fff; } .dxqr-btn.is-primary:hover{ background: #1d4ed8; border-color: #1d4ed8; color: #fff; } .dxqr-from{ margin: 16px 0 0; font-size: 14px; color: #64748b; } .dxqr-from b{ color: #0f172a; } .dxqr-hero-visual{ position: relative; height: 420px; } .dxqr-sample{ position: absolute; padding: 12px; border-radius: 20px; background: #fff; border: 1px solid #e2e8f0; box-shadow: 0 24px 50px rgba(15, 23, 42, .12); } .dxqr-sample img{ display: block; width: 100%; height: auto; border-radius: 10px; } .dxqr-sample.is-front{ left: 50%; top: 50%; width: 260px; transform: translate(-50%, -50%); z-index: 3; } .dxqr-sample.is-back{ left: 4%; top: 8%; width: 190px; transform: rotate(-9deg); z-index: 1; opacity: .95; } .dxqr-sample.is-side{ right: 2%; bottom: 4%; width: 170px; transform: rotate(8deg); z-index: 2; } .dxqr-chip{ position: absolute; z-index: 4; display: grid; gap: 2px; padding: 10px 14px; border-radius: 12px; background: #fff; border: 1px solid #e2e8f0; box-shadow: 0 12px 28px rgba(15, 23, 42, .12); font-size: 12.5px; color: #64748b; } .dxqr-chip b{ font-size: 14px; color: #0f172a; } .dxqr-chip.is-scan{ right: 6%; top: 6%; } .dxqr-chip.is-link{ left: 0; bottom: 10%; } .dxqr-plans-section{ padding: 60px 0 20px; } .dxqr-plans{ display: grid; grid-template-columns: repeat(2, minmax(0, 360px)); justify-content: center; gap: 22px; } .dxqr-plan{ position: relative; display: grid; gap: 6px; align-content: start; padding: 26px 24px; border: 2px solid #e2e8f0; border-radius: 18px; background: #fff; } .dxqr-plan.is-featured{ border-color: #3174f1; background: #f5f8ff; box-shadow: 0 18px 40px rgba(49, 116, 241, .14); } .dxqr-plan-list{ display: grid; gap: 6px; margin: 12px 0 18px; padding: 0; list-style: none; } .dxqr-plan-list li{ position: relative; padding-left: 22px; font-size: 14px; color: #334155; } .dxqr-plan-list li::before{ content: "✓"; position: absolute; left: 0; color: #33a052; font-weight: 800; } .dxqr-plan .dxqr-btn{ width: 100%; } .dxqr-center{ text-align: center; margin-top: 18px; } .dxqr-buy-row{ display: grid; grid-template-columns: minmax(0, 1fr); max-width: 640px; } .dxqr-page .cp-container{ max-width: 1320px; margin-inline: auto; padding-inline: 15px; } .dxqr-studio-section{ padding: 60px 0; } .dxqr-form{ padding: 28px; border: 1px solid #e2e8f0; border-radius: 18px; background: #fff; box-shadow: 0 12px 34px rgba(15, 23, 42, .06); } .dxqr-studio{ display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 28px; align-items: center; } .dxqr-studio-preview{ text-align: center; } .dxqr-studio-preview .dxcs-preview-box img{ width: 320px; } .dxqr-hint{ margin: 8px 0 0; font-size: 13.5px; color: #64748b; } .dxqr-buy{ margin-top: 28px; padding-top: 24px; border-top: 1px solid #e2e8f0; } .dxqr-buy h3{ margin: 0 0 14px; font-size: 18px; color: #0f172a; } .dxqr-plan-name{ font-weight: 800; font-size: 16px; color: #0f172a; } .dxqr-plan-price{ font-size: 14px; color: #475569; } .dxqr-plan-price b{ font-size: 24px; color: #1d4ed8; } .dxqr-plan-sub{ font-size: 13px; color: #64748b; } .dxqr-ribbon{ position: absolute; top: -11px; right: 16px; padding: 3px 10px; border-radius: 999px; background: #33a052; color: #fff; font-size: 12px; font-weight: 700; } .dxqr-submit{ margin-top: 16px; } .dxqr-secure{ padding: 60px 0; } .dxqr-secure-inner{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 32px; align-items: center; padding: 36px; border-radius: 20px; background: #f5f8ff; border: 1px solid #dbe6ff; } .dxqr-secure-icon{ font-size: 34px; } .dxqr-secure-head h2{ margin: 10px 0 10px; font-size: 28px; color: #0f172a; font-weight: 800; } .dxqr-page .lxh-common-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .dxqr-secure-head p{ margin: 0; color: #475569; line-height: 1.6; } .dxqr-secure-list{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; } .dxqr-secure-list li{ padding: 18px; border-radius: 14px; background: #fff; border: 1px solid #e2e8f0; } .dxqr-secure-list strong{ display: block; margin-bottom: 6px; color: #1d4ed8; } .dxqr-secure-list span{ font-size: 14px; line-height: 1.55; color: #475569; } .dxqr-steps-section{ padding: 10px 0 60px; } .dxqr-steps{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 0; padding: 0; list-style: none; } .dxqr-steps li{ display: grid; gap: 6px; padding: 22px; border: 1px solid #e2e8f0; border-radius: 14px; background: #fff; } .dxqr-steps b{ display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #3174f1; color: #fff; } .dxqr-steps strong{ color: #0f172a; } .dxqr-steps span{ font-size: 14px; color: #64748b; line-height: 1.55; } .dxqr-uses{ padding: 60px 0; background: #f5f8ff; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; } .dxqr-use-grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; } .dxqr-use-grid li{ display: flex; align-items: center; gap: 10px; padding: 14px 16px; border-radius: 12px; background: #fff; border: 1px solid #e2e8f0; font-weight: 600; color: #0f172a; } .dxqr-use-grid li span{ font-size: 22px; } .dxqr-compare td:first-child{ min-width: 220px; } @media (max-width: 991px) { .dxqr-studio,.dxqr-secure-inner,.dxqr-hero-inner{ grid-template-columns: 1fr; } .dxqr-hero-visual{ height: 360px; max-width: 520px; width: 100%; margin: 0 auto; } .dxqr-use-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .dxqr-steps{ grid-template-columns: 1fr; } .dxqr-page .lxh-common-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 600px) { .dxqr-form,.dxqr-secure-inner{ padding: 18px; } .dxqr-hero{ padding: 40px 0 48px; } .dxqr-ticks{ grid-template-columns: 1fr; } .dxqr-hero-visual{ height: 300px; } .dxqr-sample.is-front{ width: 200px; } .dxqr-sample.is-back{ width: 140px; } .dxqr-sample.is-side{ width: 130px; } .dxqr-plans{ grid-template-columns: 1fr; } .dxqr-plans,.dxqr-secure-list,.dxqr-use-grid,.dxqr-page .lxh-common-grid{ grid-template-columns: 1fr; } .dxqr-studio-preview .dxcs-preview-box img{ width: 260px; } .dxqr-compare td:first-child{ min-width: 160px; } } .dxqi-box{ max-width: 460px; } .dxqi-icon{ display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 6px; border-radius: 16px; background: #f1f5f9; color: #475569; } .dxqi-icon svg{ width: 34px; height: 34px; } .dxqi-owner{ display: grid; gap: 6px; margin: 18px 0 6px; padding: 16px; border-radius: 12px; background: #f5f8ff; border: 1px solid #dbe6ff; font-size: 14px; color: #475569; text-align: left; } .dxqi-owner strong{ color: #0f172a; } .dxqi-btn{ justify-self: start; margin-top: 6px; padding: 9px 16px; border-radius: 8px; background: #2563eb; color: #fff; font-weight: 600; text-decoration: none; } .dx-error-box p.dxqi-brand{ margin: 16px 0 0; font-size: 12.5px; color: #94a3b8; } .dxqi-brand a{ color: #64748b; }