:root{color-scheme:dark;--bg:#080f19;--panel:#0d1929;--panel2:#13243a;--stroke:#20334b;--muted:#8d9eb4;--text:#edf4fb;--green:#3ae6b5;--aqua:#22bfbc;--gold:#dcb677;--danger:#ee667b;font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-width:320px;line-height:1.65;font-size:13px}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}[hidden]{display:none!important}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#2b435e;border-radius:7px}::selection{background:#156e6c;color:#fff}.ambient{position:fixed;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(100px)}.ambient-one{width:550px;height:550px;top:-210px;left:14%;background:rgba(23,101,115,.14)}.ambient-two{width:350px;height:350px;bottom:-210px;right:30%;background:rgba(19,100,88,.11)}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh;max-width:1800px;margin:auto}.sidebar{border-left:1px solid #1c2c3e;background:linear-gradient(180deg,#0b1625 0,#0a1522 100%);padding:29px 16px 20px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:4}.brand{display:flex;align-items:center;gap:12px;padding:5px 11px}.brand-mark{height:44px;width:44px;background:linear-gradient(135deg,#31e2b0,#167ac1);border-radius:12px;display:grid;place-items:center;color:#08232f;font-size:18px;font-weight:900;letter-spacing:-2px;box-shadow:0 6px 25px #2ac59b22}.brand-mark span{color:#fff}.brand-copy strong{font-family:"Segoe UI",sans-serif;display:block;letter-spacing:.3px;font-size:22px;line-height:1.05}.brand-copy small{display:block;color:var(--green);font-size:8px;letter-spacing:3px;margin-top:6px}.side-divider{height:1px;background:#243548;margin:30px 8px 27px}.side-label{color:#60768d;margin:0 18px 12px;font-size:10px}.side-nav{display:grid;gap:8px}.nav-link{display:flex;gap:12px;align-items:center;text-align:right;justify-content:flex-start;background:none;border:1px solid transparent;border-radius:11px;padding:12px 14px;color:#95aac0;transition:.2s;font-size:12px}.nav-link:hover{color:#fff;background:#18293c}.nav-link.active{background:linear-gradient(90deg,#122f34,#17343f);border-color:#23695f;color:#5ef4c7;font-weight:bold}.nav-emoji{font-size:19px;width:24px;text-align:center}.nav-arrow{margin-right:auto;opacity:.4}.sidebar-bottom{margin-top:auto}.sidebar-tip{border:1px solid #2b534e;border-radius:13px;padding:18px 15px;background:linear-gradient(135deg,#10332f,#102335)}.tip-icon{color:var(--green);font-size:18px}.sidebar-tip strong{display:block;font-size:12px;margin:5px 0}.sidebar-tip p{margin:0;font-size:10px;color:#98b4b0;line-height:1.9}.side-footer{display:flex;align-items:center;gap:7px;color:#73889c;font-size:10px;padding:22px 5px 0}.side-footer span:last-child{margin-right:auto}.online-indicator{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 8px var(--green)}.main-column{min-width:0;display:flex;flex-direction:column}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 37px;border-bottom:1px solid #1a2c3d;background:#0c1725dd;backdrop-filter:blur(15px);position:sticky;top:0;z-index:3}.topbar-start,.topbar-actions{display:flex;align-items:center;gap:16px}.breadcrumb{color:#76899e}.crumb-separator{color:#47586d}.topbar-start strong{font-size:12px}.pill{display:inline-flex;gap:8px;align-items:center;border-radius:40px;border:1px solid #314057;padding:7px 10px;font-size:10px;white-space:nowrap}.pill-neutral{color:#b4c0d3;background:#172233}.pill-good{color:#53edbd;background:#0e3c34;border-color:#1c7762}.pill-bad{color:#ff9aa5;background:#47222b;border-color:#75404b}.pill .dot{height:7px;width:7px;border-radius:50%;background:currentColor}.avatar{display:grid;place-items:center;height:35px;width:35px;border:1px solid #3c566a;border-radius:50%;font-weight:bold;font-size:11px;background:#17293b;color:#a8c6cb}.icon-button{border:1px solid #2d4159;color:white;background:#12263b;border-radius:9px;padding:7px 10px}.mobile-menu{display:none}main{width:100%;max-width:1530px;padding:33px 37px 58px;flex:1;margin:0 auto}.section{display:none;animation:fade .25s ease}.section.active{display:block}@keyframes fade{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr);min-height:315px;border:1px solid #27595a;border-radius:20px;overflow:hidden;background:linear-gradient(115deg,#0d2b37 5%,#0f3340 45%,#10253b 82%,#0f2235);box-shadow:0 24px 48px #0002}.hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(#6afac322 .7px,transparent .7px);background-size:22px 22px;mask-image:linear-gradient(to left,#0004,transparent 70%);pointer-events:none}.hero-copy{position:relative;z-index:1;padding:32px 38px;align-self:center}.eyebrow{display:inline-flex;align-items:center;gap:7px;background:#123d3e;border:1px solid #21695a;border-radius:28px;color:#69edc8;padding:6px 12px;font-size:10px;font-weight:bold}.eyebrow-light{height:7px;width:7px;border-radius:50%;background:#55f5cc;box-shadow:0 0 0 4px #46dfa326}.hero h1{font-size:clamp(30px,3.5vw,49px);line-height:1.3;letter-spacing:-1px;margin:15px 0 10px;font-weight:900}.hero h1 span{color:#50ebbb}.hero p{font-size:12px;max-width:560px;color:#bacfd3;line-height:2.1;margin:0}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:10px;padding:11px 18px;border:1px solid transparent;transition:.2s;white-space:nowrap;font-weight:bold;font-size:12px;min-height:39px}.button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1)}.button-primary{color:#05392f;background:linear-gradient(125deg,#5cf4c9,#2dd5ac);box-shadow:0 5px 19px #31c9a32e}.button-outline{color:#d3e8ed;border-color:#365467;background:#1a3445}.button-ghost{color:#9bb4c8;border-color:#263e54;background:#102536}.button-danger{color:#f69cad;border-color:#66404b;background:#311a28}.button-sm{padding:7px 13px;min-height:34px;font-size:11px}.button-full{width:100%}.hero-visual{position:relative;min-height:295px;display:grid;place-items:center;overflow:hidden}.visual-ring{position:absolute;border:1px solid #5df1bb24;border-radius:50%;aspect-ratio:1;transform:rotate(-19deg)}.ring-one{width:285px;box-shadow:0 0 90px #2cd0a112 inset}.ring-two{width:195px;border-style:dashed;animation:spin 30s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.visual-core{position:relative;z-index:1;width:142px;height:142px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #57bda699;border-radius:31px;background:linear-gradient(135deg,#174d4c,#12324b);box-shadow:0 0 0 14px #0d40432e,0 20px 70px #0cbaa130}.visual-core div{font:900 62px "Segoe UI",sans-serif;letter-spacing:-10px;margin-right:-10px;color:#63f2c7}.visual-core small{font-size:10px;letter-spacing:3px;color:#b5fff0}.floating-chip{position:absolute;background:#183b47e8;backdrop-filter:blur(8px);border:1px solid #3b7a7b;border-radius:9px;padding:8px 12px;font-size:10px;color:#c9ebe6;box-shadow:0 9px 28px #0004;z-index:2}.floating-chip span{color:var(--green);margin-left:7px}.chip-one{top:48px;right:15%}.chip-two{bottom:54px;left:7%}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0 38px}.metric{border:1px solid #243a51;border-radius:14px;background:#101d2e;min-height:95px;padding:19px;display:flex;gap:15px;align-items:center}.metric-icon{height:46px;width:46px;display:grid;place-items:center;border-radius:12px;font-size:24px;font-weight:bold}.metric-icon.blue{background:#16365b;color:#65affd}.metric-icon.green{background:#123b35;color:#54eabb}.metric-icon.gold{background:#413320;color:#e8b56b}.metric small{color:#839ab0;display:block;font-size:11px}.metric strong{font:800 28px "Segoe UI",Tahoma,Arial,sans-serif;color:#f4f8ff}.metric strong.metric-text{font:700 16px Tahoma,Arial,sans-serif}.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-kicker{color:#42ddb0;letter-spacing:.3px;font-size:11px;margin-bottom:5px;font-weight:bold}.section-title-row h2,.page-header h1{margin:0 0 6px;font-size:23px}.section-title-row p,.page-header p{margin:0;color:#889bb2;font-size:11px;line-height:1.9}.bulk-controls{display:flex;gap:9px}.toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;margin:20px 0 19px;flex-wrap:wrap}.searchbox{height:41px;display:flex;align-items:center;gap:10px;background:#101e30;border:1px solid #2a4058;border-radius:9px;padding:0 13px;min-width:235px;flex:0 1 270px}.searchbox span{font-size:25px;color:#6687a0}.searchbox input{background:transparent;border:0;outline:0;min-width:0;width:100%;color:#eaf5ff;font-size:12px}.searchbox input::placeholder{color:#637991}.filter-row{display:flex;flex-wrap:wrap;gap:6px}.filter{background:#0d1b2a;color:#98a9bb;border:1px solid #23364c;border-radius:22px;padding:7px 11px;font-size:10px}.filter:hover{background:#183248;color:#fff}.filter.active{background:#1f5e50;color:#85ffdb;border-color:#318f73}.script-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.script-card{display:flex;flex-direction:column;border:1px solid #263c55;border-radius:14px;background:linear-gradient(150deg,#102135,#101c2c);min-height:179px;padding:17px 17px 14px;transition:.2s;position:relative}.script-card:hover{border-color:#43817b;transform:translateY(-2px);box-shadow:0 12px 28px #0003}.script-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.script-icon{height:42px;width:42px;display:grid;place-items:center;border-radius:11px;background:#173c47;color:#51ebc4;font-size:20px;flex-shrink:0}.script-toggle{position:relative;width:41px;height:23px;border-radius:30px;background:#35445a;border:1px solid #4b5d75;flex-shrink:0;transition:.2s;cursor:pointer}.script-toggle[aria-checked="true"]{background:#32cda2;border-color:#32cda2}.script-toggle::after{content:"";position:absolute;top:3px;right:3px;width:15px;height:15px;border-radius:50%;background:#d8e3e9;transition:.2s}.script-toggle[aria-checked="true"]::after{right:20px;background:#064a3f}.script-card h3{font-size:13px;line-height:1.65;margin:12px 0 4px}.script-card p{font-size:10px;color:#92a4b8;line-height:1.8;margin:0 0 15px;flex:1}.script-bottom{border-top:1px solid #273c53;padding-top:11px;display:flex;align-items:center;justify-content:space-between;gap:6px}.script-state{font-size:10px;display:inline-flex;align-items:center;gap:5px;color:#8093a8}.script-state::before{content:"";height:6px;width:6px;background:#8695a5;border-radius:50%}.script-state.active{color:#4de8b8}.script-state.active::before{background:#4de8b8}.script-actions{display:flex;align-items:center;gap:9px}.script-link{color:#9ac4d2;font-size:10px;text-decoration:underline;text-underline-offset:3px}.script-settings{background:none;border:0;color:#9cb1c6;font-size:16px;padding:0 5px}.script-settings:hover,.script-link:hover{color:#61edc6}.featured-tag{position:absolute;top:18px;right:69px;font-size:9px;color:#e0b778}.empty-state{text-align:center;padding:40px;border:1px dashed #28455a;border-radius:15px;color:#94a8bb;grid-column:1/-1}.subtle-note{color:#8b9eb0;font-size:10px;display:flex;gap:10px;margin-top:23px;line-height:2}.subtle-note span:first-child{font-size:20px;color:#5d9a9b}.page-header{margin-bottom:25px}.page-header h1{font-size:27px}.onboarding{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.step-card{border:1px solid #2b4058;border-radius:14px;background:#111f31;padding:20px;min-height:190px}.step-number{color:#59e4bd;background:#193b40;border-radius:9px;padding:5px 9px;font-weight:bold}.step-card h3{font-size:15px;margin:22px 0 7px}.step-card p{color:#93a8bb;line-height:1.9;font-size:11px;margin:0 0 17px}.text-link{color:#68e2c2;text-decoration:underline;text-underline-offset:5px;font-weight:bold;font-size:12px}.pair-result{margin-top:12px;display:flex;flex-wrap:wrap;gap:9px;align-items:center}.pair-result label{display:block;color:#b2c3d1;width:100%}.pair-result code{direction:ltr;word-break:break-all;border:1px solid #325667;background:#092233;padding:9px;border-radius:9px;font-size:10px;color:#9cf3d6;flex:1}.pair-result small{color:#a4bbc5}.note-panel{padding:20px 22px;border:1px solid #28665b;background:#102e2e;border-radius:13px;margin-top:20px}.note-panel strong{color:#65efd0}.note-panel p{color:#a3c3be;line-height:2;margin:7px 0 0;font-size:12px}.account-card{display:flex;align-items:center;gap:22px;background:#101d2f;border:1px solid #253e57;border-radius:14px;padding:25px}.account-avatar{width:80px;height:80px;background:linear-gradient(135deg,#23d1ac,#318ab6);color:#092a3b;display:grid;place-items:center;font:900 29px "Segoe UI";border-radius:20px}.account-card small{color:#8399ab}.account-card h2{margin:3px 0;font-size:20px}.account-card p{color:#91a8be;font-size:11px;margin:0}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-card{border-radius:14px;background:#101f32;border:1px solid #2a425d;padding:22px}.settings-card h3{margin:0 0 17px;font-size:15px}.settings-card label,.login-modal label{display:block;margin:13px 0 7px;color:#bacbdb;font-size:11px}.settings-card input,.login-modal input{width:100%;border:1px solid #36516c;border-radius:9px;background:#0a1726;color:#e7f7ff;padding:12px;outline:0;margin-bottom:15px;direction:ltr;text-align:left}.settings-card input:focus,.login-modal input:focus{border-color:#35d3ad}.settings-card .button{width:100%}.field-note{font-size:10px;color:#7c95ab}.users-card{margin:17px 0}.users-list{display:grid;gap:10px}.user-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #2d455c;padding:12px;border-radius:10px}.user-row strong{display:block}.user-row small{color:#8095a5}.generated-secret{margin-top:12px;line-height:2;word-break:break-all;background:#0f3c36;border:1px solid #3b8d6f;border-radius:8px;padding:13px;font-size:11px}.footer{padding:20px 37px 24px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #1e3145;color:#687f95;font-size:10px}.modal-overlay{position:fixed;inset:0;z-index:20;background:#04101cdb;backdrop-filter:blur(8px);display:grid;place-items:center;padding:15px}.login-modal{position:relative;background:linear-gradient(155deg,#14283c,#101b2d);border:1px solid #3a665f;border-radius:18px;width:min(100%,420px);padding:33px;box-shadow:0 24px 70px #0009}.login-logo{height:56px;width:56px;border-radius:15px;display:grid;place-items:center;background:#26cfaa;color:#0b2939;font-size:24px;font-weight:bold;margin-bottom:20px}.modal-close{position:absolute;top:14px;left:15px;font-size:27px;color:#a9bdd0;background:none;border:0}.login-modal h2{font-size:22px;margin:5px 0}.login-modal p{font-size:12px;color:#9db1be;line-height:1.9}.login-message{min-height:20px;color:#f39aa1!important}.toast{position:fixed;bottom:28px;left:27px;background:#16392f;border:1px solid #459879;border-radius:12px;z-index:30;color:#d6fff1;padding:13px 17px;box-shadow:0 12px 26px #0006;max-width:90vw}.toast.error{background:#472535;border-color:#a74c65;color:#ffe3ea}@media(max-width:1280px){.script-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{justify-content:flex-start}.onboarding{grid-template-columns:1fr}.step-card{min-height:auto}}@media(max-width:970px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;right:0;top:0;width:250px;transform:translateX(110%);transition:transform .2s;box-shadow:0 0 30px #0007}.sidebar.open{transform:none}.mobile-menu{display:inline-flex}.topbar{padding:0 18px}.main-column{width:100%}main{padding:25px 18px 40px}.hero{grid-template-columns:minmax(0,1fr) 230px}.hero-copy{padding:30px 24px}.hero-visual{min-height:270px}.visual-core{width:120px;height:120px}.visual-core div{font-size:51px}}@media(max-width:650px){.topbar{height:64px}.topbar-actions{gap:7px}.topbar-actions .avatar{display:none}.breadcrumb,.crumb-separator{display:none}.topbar-start strong{font-size:11px}.pill{padding:6px 8px;max-width:140px;font-size:9px}.hero{grid-template-columns:1fr}.hero-visual{display:none}.hero-copy{padding:31px 23px}.hero h1{font-size:34px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric{padding:12px 8px;min-height:78px;gap:7px}.metric-icon{width:29px;height:32px;font-size:16px;border-radius:8px}.metric strong{font-size:21px}.metric strong.metric-text{font-size:12px}.metric small{font-size:9px}.section-title-row{align-items:stretch;flex-direction:column}.bulk-controls{align-self:flex-start}.toolbar{margin-top:10px}.searchbox{flex:1;max-width:none;min-width:100%}.filter-row{flex-wrap:nowrap;overflow:auto;padding-bottom:7px;width:100%}.filter{flex-shrink:0}.script-grid{grid-template-columns:1fr}.script-card{min-height:164px}.admin-grid{grid-template-columns:1fr}.footer{flex-direction:column;padding:20px}.topbar-actions .button{font-size:10px;padding:6px 9px}.section-title-row h2,.page-header h1{font-size:21px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/* Per-script advanced settings editor */
.editor-label{display:flex!important;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #2d4258;padding:7px 0;margin:4px 0!important;font-size:12px!important}
.editor-input{width:130px!important;flex-shrink:0;border:1px solid #36516c;border-radius:8px;background:#0a1726;color:#effaff;padding:8px;font:inherit}
.editor-input[type=checkbox]{width:19px!important;height:19px;accent-color:#39e4b8}
.login-modal:has(.editor-input){max-height:87vh;overflow:auto}

.owner-entrance{background:transparent;color:#6f95a4;border:0;text-decoration:underline;text-underline-offset:4px;margin-inline-start:10px;font-size:10px}.owner-entrance:hover{color:#7becce}

/* Login-only entrance: absolutely no public catalog visible until sign-in. */
.auth-locked .app-shell{display:none!important}
.auth-locked .modal-overlay{display:grid!important}
.auth-locked .modal-close{display:none}
.auth-locked .login-modal{max-width:470px;border-color:#358f80;box-shadow:0 20px 80px #000a}
.auth-locked .login-modal::before{content:'ALGZAWY CLOUD CONTROL';display:block;letter-spacing:2px;font-size:10px;color:#38e4b9;margin-bottom:17px;text-align:center}
.login-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px;font-size:11px}
.login-footer a{color:#53d9bb;text-decoration:underline;text-underline-offset:4px}
.login-footer button{border:0;background:none;color:#7695ab;text-decoration:underline;cursor:pointer;font-size:10px}
.login-privacy{font-size:10px!important;color:#7791a5!important}
.subscription-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:42vh;overflow:auto;margin:14px 0}
.subscription-selector label{display:flex;align-items:center;gap:7px;padding:8px!important;background:#12283d;border:1px solid #31536b;border-radius:8px;cursor:pointer;font-size:11px!important}
.subscription-selector input{accent-color:#35d9ae;width:17px;height:17px}
.owner-detail{max-width:780px!important;width:min(96vw,780px)!important;max-height:90vh;overflow:auto}
.owner-detail .button{min-height:36px}
.device-detail{border:1px solid #36516a;border-radius:9px;padding:10px;margin-top:8px;color:#c0d3db;font-size:11px}
.owner-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.owner-actions .button{width:auto!important}
@media(max-width:600px){.subscription-selector{grid-template-columns:1fr}}