@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;height:100vh;text-align:center}.top-nav{background-color:#333;padding:10px}.top-nav ul li{display:inline}.content-wrapper{display:flex;flex-grow:1;margin-left:200px;margin-top:50px;overflow-y:auto}.left-nav{background-color:#f1f1f1;width:200px}.left-nav ul li{margin-bottom:10px}.left-nav ul li a{color:#333;text-decoration:none}.main-content{flex-grow:1;padding:20px}.login-container{flex-direction:column;height:100%;width:100%}.login-container h2{margin-bottom:20px}.login-container button{cursor:pointer;font-size:16px;padding:10px 20px}.top-nav{background-color:#1e1e1e;box-sizing:border-box;color:#fff;height:50px;justify-content:space-between;left:0;padding:0 0 0 20px;position:fixed;right:0;top:0;z-index:1000}.logo-container,.top-nav{align-items:center;display:flex}.logo{height:40px;margin-right:20px;object-fit:contain;width:auto}.top-nav ul{align-items:center;display:flex;list-style-type:none;margin:0;padding:0}.top-nav ul li{margin-right:20px}.top-nav ul li:last-child{margin-right:0}.top-nav ul li a{color:#fff;text-decoration:none}.user-info{height:100%;position:relative}.account-button{align-items:center;background-color:initial;border:none;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:700;height:100%;letter-spacing:.5px;padding:0 20px;text-transform:uppercase;transition:all .3s ease}.account-button:hover{background-color:#ffffff1a}.dropdown-arrow{font-size:10px;margin-left:5px;transition:transform .3s ease}.account-button[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{background-color:#fff;border:1px solid #ccc;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 2px 10px #0000001a;position:absolute;right:0;top:100%;width:250px;z-index:1001}.dropdown-header{border-bottom:1px solid #eee;padding:10px 20px}.dropdown-header strong{color:#666;display:block;font-size:12px}.dropdown-header div{color:#333;font-size:14px;margin-top:5px}.logout-button{background-color:initial;border:none;color:#333;cursor:pointer;font-size:14px;padding:10px 20px;text-align:left;width:100%}.logout-button:hover{background-color:#f0f0f0}body{padding-top:50px}.left-nav{animation:slideIn 1s ease .5s both;background-color:#212121;height:calc(100vh - 50px);left:0;max-width:200px;opacity:0;overflow-y:auto;padding:20px;position:fixed;top:50px;transition:all .3s ease;width:80%}.left-nav ul{list-style-type:none;margin:0;padding:0}.left-nav>ul{padding-top:10px}.left-nav li{margin-bottom:10px}.left-nav .dropdown>span.nav-link,.left-nav .nav-link{align-items:center;background-color:initial;border-radius:5px;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:10px 15px;text-decoration:none;transition:all .3s ease}.left-nav>ul>li>.dropdown>span.nav-link,.left-nav>ul>li>.nav-link{font-weight:700}.left-nav .dropdown>span.nav-link:hover,.left-nav .nav-link:hover{background-color:#ffffff1a;box-shadow:0 2px 5px #0003;transform:translateX(5px)}.left-nav .nav-link.active{background-color:#285ae6;color:#fff}.left-nav .dropdown{position:relative}.left-nav .arrow{border:solid #fff;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(45deg);transition:transform .3s ease}.left-nav .dropdown.open .arrow{transform:rotate(-135deg)}.dropdown-content{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.dropdown.open .dropdown-content{max-height:200px;opacity:1}.dropdown-content .nav-link{color:#fff;opacity:1;padding-left:30px;visibility:visible}@keyframes slideIn{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.main-content{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.logo-container{animation:logoIntro 1.5s ease-out forwards;max-width:1000px;opacity:0;transform:scale(.5);width:70vw}.logo-image{display:block;height:auto;width:100%}@keyframes logoIntro{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.logo-container{width:85vw}}@media (min-width:1200px){.logo-container{width:60vw}}.image-container{margin:20px 0}.home-image{border-radius:8px;box-shadow:0 4px 8px #0000001a;height:auto;max-width:100%}body,html{height:100%;margin:0;overflow-x:hidden;padding:0}.domain-manager{box-sizing:border-box;font-family:Arial,sans-serif;margin:10vh auto 0;max-width:1200px;padding:40px 20px;width:60%}.domain-manager h2{color:#2c3e50;font-size:32px;font-weight:700;letter-spacing:1px;margin-bottom:30px;text-align:center;text-transform:uppercase}.domain-manager p{color:#666;margin-bottom:20px}.domain-form{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.form-group{margin-bottom:15px}.form-group label{color:#333;font-weight:700;margin-bottom:5px}.form-group input{border:1px solid #ddd;border-radius:4px;padding:8px}.submit-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px;transition:background-color .3s}.submit-button:hover{background-color:#0056b3}.records-section{background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;margin-top:20px;overflow-x:auto;padding:20px;width:100%}.records-table{border-collapse:collapse;font-family:Arial,sans-serif;table-layout:fixed;width:100%}.records-table td,.records-table th{border-bottom:1px solid #e0e0e0;font-size:14px;overflow:hidden;padding:12px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.records-table th{background-color:#f8f8f8;color:#333;font-weight:700}.records-table td,.records-table td:nth-child(3),.records-table td:nth-child(4){color:#1a1a1a}.records-table tr:hover{background-color:#f5f5f5}.info-icon{background-color:#ccc;border-radius:50%;color:#fff;display:inline-block;font-size:12px;height:16px;line-height:16px;margin-left:5px;text-align:center;width:16px}.delete-btn,.edit-btn{background:none;border:none;cursor:pointer;font-size:18px}.delete-btn{color:#e74c3c}.edit-btn{color:#3498db}td:nth-last-child(-n+2){color:#999}.records-table th .info-icon,.records-table th:after{display:none!important}.records-table td:first-child,.records-table th:first-child{width:15%}.records-table td:nth-child(2),.records-table th:nth-child(2){width:20%}.records-table td:nth-child(3),.records-table th:nth-child(3){word-wrap:break-word;overflow-wrap:break-word;white-space:normal;width:50%}.records-table td:nth-child(4),.records-table th:nth-child(4){width:15%}@media (max-width:1200px){.domain-manager{width:80%}}@media (max-width:768px){.domain-manager{margin-top:5vh;padding:20px 10px;width:90%}.records-table td,.records-table th{font-size:12px;padding:8px}}.record-tabs{border-bottom:2px solid #e0e0e0;display:flex;margin-bottom:20px}.tab-button{background:none;border-bottom:2px solid #0000;color:#333;font-size:14px;margin-bottom:-2px}.tab-button:hover{background-color:#f5f5f5}.tab-button.active{border-bottom:2px solid #00a1e0;color:#00a1e0}.sandbox{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 20px;width:60%}.sandbox form{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:0 auto;padding:20px;width:300px}.sidebar-ms-domain-onboard{background-color:#f8f9fa;border-right:1px solid #e0e0e0;box-shadow:2px 0 10px #0000001a;height:100%;padding:30px 20px;width:250px}.step{margin-bottom:30px}.step-indicator{background-color:#e0e0e0;box-shadow:0 2px 5px #0000001a;color:#fff;font-weight:700;transition:all .3s ease}.step.active .step-indicator{background-color:#3498db;transform:scale(1.1)}.step.active.completed .step-indicator,.step.active.last-step .step-indicator,.step.completed .step-indicator{background-color:#2ecc71}.step-content{display:flex;flex-direction:column;justify-content:center}.step-name{color:#333;font-size:16px;font-weight:500;line-height:30px;text-align:left}.step-connector{background-color:#e0e0e0;bottom:-30px}.step.completed .step-connector{background-color:#2ecc71}@media (max-width:768px){.sidebar-ms-domain-onboard{border-bottom:1px solid #e0e0e0;border-right:none;display:flex;justify-content:space-between;overflow-x:auto;padding:20px;width:100%}.step{align-items:center;flex:1 1;flex-direction:column;margin-bottom:0;margin-right:20px}.step-indicator{margin-bottom:10px;margin-right:0}.step-name{font-size:14px;line-height:normal;text-align:center}.step-connector{bottom:auto;height:2px;left:50%;top:30px;width:100%}}.ms-domain-onboard-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;margin:20px auto;max-width:1200px;overflow:hidden;width:100%}.ms-domain-onboard{background-color:#fff;border-radius:0 12px 12px 0;flex-grow:1;max-width:800px;padding:40px;width:calc(100% - 250px)}.ms-domain-onboard h2{color:#2c3e50;font-size:32px;font-weight:700;letter-spacing:1px;margin-bottom:30px;text-align:center;text-transform:uppercase}.apply-config-button,.back-button,.config-button,.submit-button,.verify-button{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;letter-spacing:1px;margin-top:15px;padding:14px;text-transform:uppercase;transition:all .3s ease;width:100%}.submit-button{background-color:#3498db}.submit-button:hover{background-color:#2980b9}.apply-config-button,.config-button,.verify-button{background-color:#2ecc71}.apply-config-button:hover,.config-button:hover,.verify-button:hover{background-color:#27ae60}.apply-config-button:disabled,.config-button:disabled,.submit-button:disabled,.verify-button:disabled{background-color:#bdc3c7;cursor:not-allowed}.message{background-color:#e8f6fd;border:2px solid #3498db;color:#2c3e50;font-size:16px;font-weight:500;margin-top:20px}.response-data{background-color:#f9f9f9;border:2px solid #ddd;border-radius:6px;margin-top:25px;padding:25px}.response-table{background-color:#fff;border-collapse:initial;border-spacing:0}.response-table td,.response-table th{border-bottom:1px solid #ecf0f1;padding:15px 20px}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;display:inline-block;height:30px;margin-right:10px;width:30px}@media (max-width:768px){.ms-domain-onboard-container{flex-direction:column}.ms-domain-onboard{border-radius:0 0 12px 12px;padding:20px;width:100%}}@media (max-width:480px){.ms-domain-onboard{padding:15px}}.sidebar-emarsys-dns{background-color:#f8f9fa;border-right:1px solid #e9ecef;height:100%;padding:20px;width:250px}.step{align-items:flex-start;display:flex;margin-bottom:20px;position:relative}.step-indicator{align-items:center;background-color:#e9ecef;border-radius:50%;display:flex;flex-shrink:0;height:30px;justify-content:center;margin-right:15px;width:30px}.step.active.last-step .step-indicator,.step.completed .step-indicator{background-color:#28a745;color:#fff}.step.active .step-indicator{background-color:#007bff;color:#fff}.step-content{flex-grow:1}.step-name{color:#343a40;font-weight:700;margin-bottom:5px}.step.active .step-name,.step.completed .step-name{color:#007bff}.step-connector{background-color:#e9ecef;bottom:-20px;left:15px;position:absolute;top:30px;width:2px}.step.completed .step-connector{background-color:#28a745}.step:last-child .step-connector{display:none}.step-indicator svg{height:16px;width:16px}@media (max-width:768px){.sidebar-emarsys-dns{border-bottom:1px solid #e9ecef;border-right:none;padding:15px;width:100%}.step{margin-bottom:15px}.step-indicator{height:25px;margin-right:10px;width:25px}.step-connector{left:12px;top:25px}}.emarsys-dns-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;margin:20px auto;max-width:1200px;overflow:hidden;width:100%}.emarsys-dns{background-color:#fff;border-radius:0 12px 12px 0;flex-grow:1;max-width:800px;padding:40px;width:calc(100% - 250px)}.emarsys-dns>div{margin:0 auto;max-width:100%}.emarsys-dns h2{color:#2c3e50;font-size:32px;font-weight:700;letter-spacing:1px;margin-bottom:30px;text-align:center;text-transform:uppercase}.form-group{margin-bottom:25px;width:100%}.form-group label{color:#34495e;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.form-group input{border:2px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:16px;padding:12px 15px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33;outline:none}.apply-button,.back-button,.submit-button{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;letter-spacing:1px;margin-top:15px;padding:14px;text-transform:uppercase;transition:all .3s ease;width:100%}.apply-button,.submit-button{background-color:#3498db}.apply-button:hover,.submit-button:hover{background-color:#2980b9}.back-button{background-color:#e74c3c}.back-button:hover{background-color:#c0392b}.apply-button:disabled,.submit-button:disabled{background-color:#bdc3c7;cursor:not-allowed}.message{border-radius:6px;font-weight:600;margin:20px 0;padding:15px;text-align:center}.response-view{display:flex;flex-direction:column;height:100%}.response-content{flex-grow:1;overflow-y:auto;padding:20px}.action-buttons{background-color:#fff;border-top:1px solid #e0e0e0;padding:20px}.response-data{margin-bottom:20px}.response-table{border-collapse:collapse;border-radius:8px;box-shadow:0 2px 15px #0000001a;margin-top:20px;overflow:hidden;width:100%}.response-table td,.response-table th{border:1px solid #ddd;padding:10px;text-align:left}.response-table th{background-color:#3498db;color:#fff;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.response-table tr:last-child td{border-bottom:none}.response-table tr:nth-child(2n){background-color:#f8f9fa}.response-table tr:hover{background-color:#e8f6fd}.response-table .section-header th{background-color:#f0f0f0;border-bottom:2px solid #ddd;font-weight:700;padding:10px;text-align:left}.configuration-complete{background-color:#f0f9ff;border-radius:8px;box-shadow:0 4px 15px #0000000d;padding:50px 20px;text-align:center}.configuration-complete h2{color:#27ae60;font-size:36px;margin-bottom:25px}.success-message{color:#34495e;font-size:18px;line-height:1.6;margin-bottom:35px}.emarsys-loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:30px;margin-right:10px;width:30px}.emarsys-loading-message{align-items:center;color:#fff;display:flex;justify-content:center}@media (prefers-color-scheme:dark){.spinner{border-color:#3498db #333 #333}.loading-message{color:#ccc}}.apply-button .loading-spinner,.submit-button .loading-spinner{flex-direction:row;padding:0}.apply-button .spinner,.submit-button .spinner{border-width:2px;height:20px;margin-right:10px;width:20px}.apply-button .loading-message,.submit-button .loading-message{color:#fff;font-size:14px;margin-left:10px;margin-top:0}.overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.overlay .loading-spinner{background-color:#fff;border-radius:10px;padding:20px}.tabbed-response{margin-top:20px}.tab-headers{border-bottom:2px solid #3498db;display:flex}.tab-button{background-color:#f8f9fa;border:none;border-radius:5px 5px 0 0;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .3s ease}.tab-button:hover{background-color:#e8f6fd}.tab-button.active{background-color:#3498db;color:#fff}.tab-content{background-color:#fff;border:1px solid #ddd;border-radius:0 0 5px 5px;border-top:none;padding:20px}@media (max-width:768px){.emarsys-dns-container{flex-direction:column}.emarsys-dns{border-radius:0 0 12px 12px;padding:20px;width:100%}}@media (max-width:480px){.emarsys-dns{padding:15px}}#root,body,html{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;height:100%;margin:0;padding:0}.login-container{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2c3e50);display:flex;height:100vh;justify-content:center}.login-box{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0000004d;max-width:400px;opacity:0;padding:40px;text-align:center;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out;width:90%}.login-box.visible{opacity:1;transform:translateY(0)}.app-title{color:#333;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:2.8em;font-weight:700;letter-spacing:-.03em;line-height:1.2;margin-bottom:10px}.app-description{color:#666;font-size:1.1em;font-weight:400;line-height:1.4;margin-bottom:30px}.login-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.05em;padding:12px 20px;text-transform:uppercase;transition:background-color .3s ease,transform .1s ease;width:100%}.login-button:hover{background-color:#2980b9}.login-button:active{transform:scale(.98)}@media (max-width:480px){.login-box{padding:30px}.app-title{font-size:2.4em}}.loading-container{align-items:center;background-color:#1e1e1e;color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100vh;justify-content:center}.animation-wrapper{height:200px;width:200px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p,.loading-text{font-size:18px;margin-top:20px}.loading-text{font-weight:400}
/*# sourceMappingURL=main.1c739422.css.map*/