:root{--bg:#f5f7fb;--surface:#fff;--surface-2:#edf0f6;--line:#d5dbe6;--primary:#1a5ce6;--primary-tonal:#e6eeff;--text:#0f172a;--text-2:#4a5568;--text-3:#646c7e;--success:#187a4d;--success-tonal:#e3f5ea;--danger:#b3261e;--danger-tonal:#fde7e5;--radius:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans Arabic,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:16px;line-height:1.5}h1{margin-block:0 1rem;font-size:1.5rem}h2{margin-block:1.5rem .5rem;font-size:1.15rem}a{color:var(--primary)}.muted{color:var(--text-3)}.top{background:var(--surface);border-block-end:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding:.75rem 1rem;display:flex}.top nav{flex-wrap:wrap;flex:1;gap:.25rem;display:flex}.brand{color:var(--primary);font-size:1.1rem}.tab{color:var(--text-2);border-radius:999px;align-items:center;min-block-size:44px;padding:.65rem 1rem;text-decoration:none;display:inline-flex}.tab.active{background:var(--primary-tonal);color:var(--primary);font-weight:600}.content{max-inline-size:1280px;margin-inline:auto;padding:1.25rem 1rem 3rem}.center{place-items:center;min-block-size:100vh;padding:1rem;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-block-end:1rem;padding:1.25rem}.narrow{flex-direction:column;gap:.5rem;inline-size:min(100%,26rem);display:flex}label{margin-block-start:.5rem;font-weight:600;display:block}input[type=text],input[type=tel],input[type=email],input[type=password],input[type=search],input[type=number],select,textarea{min-block-size:48px;inline-size:100%;font:inherit;color:inherit;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:.6rem .85rem}select{max-inline-size:28rem}input:focus,textarea:focus,button:focus-visible,a:focus-visible,tr:focus-visible{outline:3px solid var(--primary-tonal);outline-offset:1px;border-color:var(--primary)}.btn{min-block-size:48px;font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:.6rem 1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn:disabled{color:var(--text-3);cursor:not-allowed;background:#dde2ec;border-color:#dde2ec}.row{flex-wrap:wrap;gap:.75rem;margin-block-start:1rem;display:flex}.info{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:12px;margin-block:.75rem;padding:.75rem 1rem}.link{font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:0;padding:.75rem 0;text-decoration:underline}.error{background:var(--danger-tonal);color:var(--danger);border-radius:12px;margin-block:.75rem;padding:.75rem 1rem}.ok{background:var(--success-tonal);color:var(--success);border-radius:12px;padding:.75rem 1rem}[hidden]{display:none!important}.big{font-size:2rem}.back{margin-block-end:.75rem;padding-block:.5rem;display:inline-block}dl{grid-template-columns:max-content 1fr;gap:.35rem 1.25rem;margin:0;display:grid}dt{color:var(--text-3)}dd{margin:0}.table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(to right, var(--surface) 30%, #fff0) left center / 2.5rem 100% no-repeat local, linear-gradient(to left, var(--surface) 30%, #fff0) right center / 2.5rem 100% no-repeat local, radial-gradient(farthest-side at 0 50%, #0f172a4d, #0f172a00) left center / 1rem 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, #0f172a4d, #0f172a00) right center / 1rem 100% no-repeat scroll, var(--surface);margin-block:.75rem;overflow-x:auto}table{border-collapse:collapse;inline-size:100%}th,td{text-align:start;border-block-end:1px solid var(--surface-2);white-space:nowrap;padding:.8rem 1rem}th{color:var(--text-3);font-size:.9rem;font-weight:600}td.wrap{white-space:normal;overflow-wrap:anywhere;min-inline-size:9rem;max-inline-size:30rem}.content,.page{min-inline-size:0}.badge{background:var(--primary-tonal);color:var(--primary);border-radius:999px;margin-inline-start:.4rem;padding:.1rem .5rem;font-size:.8rem;font-weight:600;display:inline-block}td.num{text-align:end;font-variant-numeric:tabular-nums}tr.click{cursor:pointer}tr.click:hover{background:var(--primary-tonal)}.price-field{margin-block:.9rem}.price-field input{max-inline-size:28rem}.field-hint{color:var(--text-3);margin:.3rem 0 0;font-size:.9rem}.field-error{color:var(--danger);margin:.3rem 0 0;font-size:.9rem;font-weight:600}input[aria-invalid=true]{border-color:var(--danger)}.example{background:var(--primary-tonal);border-color:var(--primary-tonal);margin-block:1.25rem 1rem}.example h2{color:var(--primary);margin-block-start:0;font-size:1rem}.example-total{margin:0;font-size:1.25rem;font-weight:600}.switch-label{margin:0;display:inline-block;position:relative}.switch{opacity:0;cursor:pointer;block-size:32px;inline-size:56px;margin:0;position:absolute}.track{background:#c3cad9;border-radius:999px;block-size:32px;inline-size:56px;transition:background .15s;display:inline-block;position:relative}.track:after{content:"";background:#fff;border-radius:50%;block-size:24px;inline-size:24px;transition:inset-inline-start .15s;position:absolute;inset-block-start:4px;inset-inline-start:4px}.switch:checked+.track{background:var(--success)}.switch:checked+.track:after{inset-inline-start:28px}.switch:focus-visible+.track{outline:3px solid var(--primary-tonal);outline-offset:2px}.overlay{z-index:10;background:#0f172a80;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);max-block-size:90vh;inline-size:min(100%,28rem);padding:1.5rem;overflow-y:auto}.modal h2{margin-block-start:0}@media (width<=600px){.content{padding-inline:.75rem}}.switch-list{flex-direction:column;display:flex}.switch-row{border-block-end:1px solid var(--surface-2);justify-content:space-between;align-items:center;gap:1rem;padding-block:.75rem;display:flex}.switch-row:last-child{border-block-end:0}.switch-text{flex-direction:column;min-inline-size:0;display:flex}.st{font-weight:600}.st-connected{color:var(--success)}.st-needs_reconnect,.st-error{color:var(--danger)}.st-disconnected{color:var(--text-3)}.badge.warn{background:var(--danger-tonal);color:var(--danger)}.card>h2:first-child{margin-block-start:0}@media (width<=720px){.top{gap:.25rem .75rem;padding:.5rem .75rem 0}.brand{flex:1;order:1}.top>.btn{order:2;min-block-size:44px;padding-block:.4rem}.top nav{scrollbar-width:none;flex-wrap:nowrap;flex:0 0 100%;order:3;margin-inline:-.75rem;padding-block-end:.5rem;padding-inline:.75rem;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 .75rem calc(100% - 1.5rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 .75rem calc(100% - 1.5rem),#0000)}.top nav::-webkit-scrollbar{display:none}.tab{white-space:nowrap;flex:none;padding-inline:.9rem}}