*{box-sizing:border-box;margin:0;padding:0;font-family:Consolas,sans-serif}html,body{max-width:100vw;overflow-x:hidden}body{color:#e4e4e7;background:#2a2e34}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}nav{color:#e4e4e7;background-color:#1e2024;border-bottom:1px solid #3c414a;justify-content:space-between;align-items:center;width:100%;padding:12px 24px;display:flex}@media screen and (max-width:1024px){nav{flex-wrap:wrap;justify-content:center;gap:12px;padding:12px 16px}}nav a{color:#ffffffb3;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s}nav a:hover{color:#fff;background:#ffffff14}nav a.active{color:#f9be33;background:#f9be331a}nav>div{align-items:center;gap:8px;display:flex}nav>div>span{color:#ffffffb3;background:#ffffff0d;border-radius:6px;padding:6px 12px;font-size:14px}nav button{color:#b96f75;box-shadow:none;background:#b96f7526;border:1px solid #b96f754d;padding:8px 16px;font-size:13px}nav button:hover{box-shadow:none;background:#b96f7540}main{flex-direction:column;gap:20px;padding:40px;display:flex}@media screen and (max-width:1024px){main{padding:20px}}main h2{color:#e4e4e7;border-bottom:1px solid #3c414a;margin-bottom:8px;padding-bottom:12px;font-size:20px;font-weight:600}main section{background:#1e2024;border:1px solid #3c414a;border-radius:10px;padding:20px}main section.not-settings{background:0 0;border:none;padding:0}main section.not-settings .product-selection{background:#1e2024;border:1px solid #3c414a}main section .product-selection{background:#1e2024;border:1px solid #3c414a;border-radius:10px;padding:16px}main section .product-selection h4{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}main section h4{margin-bottom:10px}main section form{flex-wrap:wrap;gap:10px;margin-top:10px;margin-bottom:20px;display:flex}main section form input,main section form textarea{color:#e4e4e7;background-color:#2a2e34;border:1px solid #3c414a;border-radius:8px;padding:10px 14px;font-size:14px;transition:all .2s;display:block}main section form input::placeholder,main section form textarea::placeholder{color:#fff6}main section form input:focus,main section form textarea:focus{border-color:#7f77f1;outline:none;box-shadow:0 0 0 3px #7f77f129}main section form input{height:38px}main section form button{cursor:pointer;color:#e4e4e7;background:#1a1c20;border:1px solid #3c414a;border-radius:8px;justify-content:center;align-items:center;width:fit-content;height:38px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}main section form button:hover{background:#3c414a;border-color:#7f77f1}main section form button:active{border-color:#f9be33}main section form button:disabled{opacity:.5;cursor:not-allowed}main section .results{flex-direction:row;gap:5px;display:flex}main section .results .actions{gap:10px;display:flex}main section .results .actions .remove{color:#b96f75;cursor:pointer}main section .products{color:#e4e4e7;cursor:pointer;background:#1a1c20;border:1px solid #3c414a;border-radius:8px;width:fit-content;margin-right:5px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-block}main section .products:hover{background:#3c414a;border-color:#7f77f1}main section .products.selected{color:#fff;box-shadow:none;background:#7f77f1;border-color:#7f77f1}main .website-main-holder{flex-flow:wrap;justify-content:flex-start;gap:30px;display:flex}main .website-main-holder .website-holder{max-width:33%}@media screen and (max-width:1024px){main .website-main-holder .website-holder{max-width:100%}}main .website-main-holder .website-holder .website-card .load-time,main .website-main-holder .website-holder .website-card .reload-div{justify-content:flex-end;gap:10px;font-size:14px;display:flex}.socket-wrapper{flex-flow:wrap;display:flex}.socket-wrapper .socket-holder{background:#30353c;border:1px solid #3c414a;border-radius:4px;width:30%;margin:5px;padding:10px}@media screen and (max-width:1024px){.socket-wrapper .socket-holder{width:100%}}.socket-wrapper .socket-holder h3{font-size:14px}.socket-wrapper .ws-container{max-height:300px;margin-top:10px;font-size:14px;overflow-y:scroll}button{cursor:pointer;color:#e4e4e7;background:#1a1c20;border:1px solid #3c414a;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:fit-content;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}button.active{color:#fff;background:#7f77f1;border-color:#7f77f1}button:hover{background:#3c414a;border-color:#7f77f1}.ag-theme-quartz-dark{--ag-background-color:#30353c!important;--ag-header-background-color:#1e2024!important;--ag-foreground-color:#e4e4e7!important;--ag-header-foreground-color:#e4e4e7!important;--ag-secondary-foreground-color:#ffffffb3!important;--ag-row-hover-color:#3c414a!important;--ag-selected-row-background-color:#3c414a!important;--ag-odd-row-background-color:#1e2024!important;--ag-border-color:#3c414a!important;--ag-cell-horizontal-border:1px solid #3c414a!important;--ag-input-focus-border-color:#7f77f1!important}.login-container{background:linear-gradient(135deg,#1e2024 0%,#2a2e34 50%,#30353c 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#30353ccc;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:420px;padding:48px 40px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d}.login-header{text-align:center;margin-bottom:40px}.login-header .login-icon{color:#fff;background:linear-gradient(135deg,#7f77f1 0%,#5a4fd4 100%);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex;box-shadow:0 10px 30px -10px #7f77f180}.login-header h1{color:#fff;letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:700}.login-header p{color:#fff9;font-size:15px}.login-form-modern{flex-direction:column;gap:24px;display:flex}.login-form-modern .input-group{flex-direction:column;gap:8px;display:flex}.login-form-modern .input-group label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}.login-form-modern .input-wrapper{align-items:center;display:flex;position:relative}.login-form-modern .input-wrapper svg{color:#fff6;pointer-events:none;z-index:1;transition:color .2s;position:absolute;left:16px}.login-form-modern .input-wrapper input{color:#fff;background:#2a2e3499;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:16px 16px 16px 50px;font-size:15px;transition:all .2s}.login-form-modern .input-wrapper input::placeholder{color:#ffffff59}.login-form-modern .input-wrapper input:focus{background:#2a2e34cc;border-color:#7f77f1;outline:none;box-shadow:0 0 0 3px #7f77f129}.login-form-modern .input-wrapper input:-webkit-autofill{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #2a2e34!important}.login-form-modern .input-wrapper input:-webkit-autofill:hover{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #2a2e34!important}.login-form-modern .input-wrapper input:-webkit-autofill:focus{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #2a2e34!important}.login-form-modern .input-wrapper input:-webkit-autofill:active{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #2a2e34!important}.login-form-modern .input-wrapper:focus-within svg{color:#7f77f1}.login-form-modern .remember-row{justify-content:space-between;align-items:center;display:flex}.login-form-modern .remember-row .checkbox-label{cursor:pointer;color:#ffffffb3;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;display:flex}.login-form-modern .remember-row .checkbox-label input[type=checkbox]{display:none}.login-form-modern .remember-row .checkbox-label .checkmark{border:2px solid #fff3;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.login-form-modern .remember-row .checkbox-label .checkmark:after{content:"";opacity:0;background:#7f77f1;border-radius:3px;width:10px;height:10px;transition:all .2s;transform:scale(0)}.login-form-modern .remember-row .checkbox-label input[type=checkbox]:checked+.checkmark{background:#7f77f11a;border-color:#7f77f1}.login-form-modern .remember-row .checkbox-label input[type=checkbox]:checked+.checkmark:after{opacity:1;transform:scale(1)}.login-form-modern .remember-row .checkbox-label:hover .checkmark{border-color:#fff6}.login-form-modern .error-message{color:#b96f75;background:#b96f7526;border:1px solid #b96f754d;border-radius:12px;align-items:center;gap:10px;padding:14px 16px;font-size:14px;display:flex}.login-form-modern .error-message svg{flex-shrink:0}.login-form-modern .login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7f77f1 0%,#5a4fd4 100%);border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;margin-top:8px;padding:16px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px -3px #7f77f166}.login-form-modern .login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px -5px #7f77f180}.login-form-modern .login-button:active:not(:disabled){transform:translateY(0)}.login-form-modern .login-button:disabled{opacity:.7;cursor:not-allowed}.login-form-modern .login-button .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.iframe-control-holder{background:#30353c;border-radius:4px;flex-direction:column;align-items:flex-start;gap:5px;margin-bottom:10px;padding:5px;display:flex}.iframe-control-holder .iframe-name{justify-content:space-between;width:100%;font-size:14px;display:flex}.iframe-control-holder .iframe-control-wrapper{gap:5px;margin-top:10px;display:flex}.iframe-control-holder .iframe-control-wrapper .reload-interval-input{background-color:#30353c;border:1px solid gray;border-radius:4px;padding:8px}.iframe-control-holder .iframe-control-wrapper .btn-reload{padding:4px 8px}.products-table{margin-bottom:20px}.ws-status{justify-content:space-between;align-items:center;margin-bottom:10px;padding-right:20px;font-size:12px;display:flex}.geo-block{color:#fffc;background:#1e2024;border:1px solid #3c414a;border-radius:10px;flex-flow:wrap;gap:6px 24px;width:fit-content;padding:16px 20px;font-size:13px;display:inline-flex}.geo-block>span .bold{color:#ffffff80;margin-right:4px;font-weight:400}#reload-interval{color:#e4e4e7;background:#2a2e34;border:1px solid #3c414a;border-radius:8px;width:100px;height:38px;padding:0 12px;font-size:14px;font-weight:500;transition:all .2s}#reload-interval:focus{border-color:#7f77f1;outline:none;box-shadow:0 0 0 3px #7f77f129}.Connected span:nth-of-type(2){color:#4ade80;font-weight:500}.Disconnected span:nth-of-type(2){color:#b96f75;font-weight:500}.alert-holder:has(.Connected){border-color:#4ade804d}.alert-holder:has(.Connected):before{content:"";background:#4ade80;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse;position:absolute;top:12px;right:12px}.alert-holder:has(.Disconnected){border-color:#b96f754d}.alert-holder:has(.Disconnected):before{content:"";background:#b96f75;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse;position:absolute;top:12px;right:12px}.alert-main-holder{flex-wrap:wrap;font-size:13px;display:flex;gap:16px!important}.alert-main-holder a{color:#7f77f1;text-decoration:none;transition:color .2s}.alert-main-holder a:hover{color:#c0bcf8;text-decoration:underline}.alert-main-holder ul{list-style:none}.alert-main-holder .alert-holder{background:#1e2024;border:1px solid #3c414a;border-radius:10px;flex:none;min-width:220px;padding:16px;transition:all .2s;position:relative}.alert-main-holder .alert-holder:hover{border-color:#7f77f166}.alert-main-holder .alert-holder .alert-card{flex-direction:column;gap:8px;display:flex}.alert-main-holder .alert-holder .alert-card li{color:#fffc;gap:8px;line-height:1.4;display:flex}.alert-main-holder .alert-holder .alert-card li .bold{color:#ffffff80;font-weight:400}.bold{font-weight:700}.rl-holder{color:#ffffffb3;flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;display:flex}.rl-holder label{font-weight:500}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}