.as-page{--as-text:#0f1117;--as-muted:#6b6f7b;--as-border:#ececf0;--as-surface:#f5f5f7;--as-green:#22c55e;color:var(--as-text);grid-template-columns:220px minmax(0,1fr);gap:40px;padding:32px 0 40px;font-family:Inter,system-ui,sans-serif;display:grid}.as-page a{color:inherit;text-decoration:none}.as-nav{flex-direction:column;align-self:start;gap:16px;display:flex;position:sticky;top:140px}.as-nav-title{padding:0 12px;font-size:20px;font-weight:500}.as-nav-list,.as-nav-foot{flex-direction:column;gap:2px;display:flex}.as-nav-foot{border-top:1px dashed var(--as-border);padding-top:16px}.as-nav-item{width:100%;font:inherit;color:#3d414b;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-size:15px;transition:background .15s;display:flex}.as-nav-item svg{color:var(--as-muted);flex-shrink:0}.as-nav-item:hover{background:var(--as-surface)}.as-nav-item.is-active{background:var(--as-surface);color:var(--as-text);font-weight:500}.as-nav-item.is-active svg{color:var(--as-text)}.as-nav-item.is-danger,.as-nav-item.is-danger svg{color:#dc2626}.as-badge{background:var(--as-text);color:#fff;text-align:center;border-radius:999px;min-width:20px;margin-left:auto;padding:1px 6px;font-size:11px;font-weight:600}.as-content{min-width:0}.as-content h1{letter-spacing:-.02em;margin:0 0 28px;font-size:30px;font-weight:500}.as-cards{flex-direction:column;gap:20px;max-width:720px;display:flex}.as-card{border:1px solid var(--as-border);background:#fff;border-radius:16px}.as-card>header{border-bottom:1px solid var(--as-border);padding:18px 20px;font-size:17px;font-weight:500}.as-card-body{flex-direction:column;gap:4px;padding:10px 20px 14px;display:flex}.as-row{justify-content:space-between;align-items:center;gap:20px;padding:12px 0;display:flex}.as-row-text{min-width:0}.as-row-title{overflow-wrap:anywhere;font-size:15px;font-weight:500}.as-row-desc{color:var(--as-muted);margin-top:4px;font-size:14px;line-height:1.5}.as-row-desc a{text-decoration:underline!important}.as-row-action{flex-shrink:0;align-items:center;gap:8px;display:flex}.as-value{font-size:15px}.as-empty{color:var(--as-muted);margin:8px 0;font-size:14px}.as-btn{font:inherit;color:var(--as-text);white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #e2e3e8;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.as-btn:hover{background:var(--as-surface)}.as-btn:disabled{opacity:.5;cursor:not-allowed}.as-page .as-btn-dark{background:var(--as-text);border-color:var(--as-text);color:#fff}.as-page .as-btn-dark:hover{background:#2a2d36}.as-page .as-btn-danger{color:#dc2626;border-color:#fecaca;padding:6px 14px}.as-page .as-btn-danger:hover{background:#fef2f2}.as-pill{background:var(--as-surface);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:500;display:inline-flex}.as-pill.is-on{color:#16a34a;background:#ecfdf3}.as-pill i{background:var(--as-green);border-radius:50%;width:7px;height:7px}.as-toggle{cursor:pointer;background:#d9dbe1;border:0;border-radius:999px;flex-shrink:0;width:48px;height:28px;transition:background .2s;position:relative}.as-toggle:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.as-toggle.is-on{background:#a3e635}.as-toggle.is-on:after{transform:translate(20px)}.as-device{align-items:center;gap:14px;padding:6px 0 4px;display:flex}.as-device-icon{background:var(--as-surface);border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.as-device-name{margin-bottom:4px;font-size:14px;font-weight:500}.as-device-meta{color:var(--as-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.as-avatar-row{align-items:center;gap:14px;display:inline-flex}.as-avatar{object-fit:cover;background:var(--as-surface);border-radius:50%;width:52px;height:52px}.as-form{flex-direction:column;gap:14px;padding:8px 0;display:flex}.as-inline-form{background:var(--as-surface);border-radius:12px;padding:4px 16px 16px}.as-inline-form .as-field input{background:#fff}.as-grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.as-field{color:#3d414b;flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.as-field input,.as-input{box-sizing:border-box;width:100%;font:inherit;color:var(--as-text);border:1px solid #e2e3e8;border-radius:10px;outline:none;padding:11px 14px;font-size:15px;font-weight:400}.as-field input:focus,.as-input:focus{border-color:var(--as-text)}.as-field input[readonly]{background:var(--as-surface);color:var(--as-muted)}.as-actions{justify-content:flex-end;gap:8px;display:flex}.as-inline{gap:10px;padding:8px 0;display:flex}.as-key{border-bottom:1px solid var(--as-border);padding:14px 0}.as-key:last-child{border-bottom:0}.as-key-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.as-key code{background:var(--as-surface);overflow-wrap:anywhere;border-radius:8px;margin-top:6px;padding:8px 10px;font-size:12px;display:block}.as-alert{border-radius:12px;max-width:720px;margin-bottom:20px;padding:12px 16px;font-size:14px}.as-alert.is-error{color:#b91c1c;background:#fef2f2}.as-alert.is-success{color:#15803d;background:#ecfdf3}@media (max-width:860px){.as-page{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:20px}.as-nav{gap:10px;position:static}.as-nav-title{display:none}.as-nav-list,.as-nav-foot{scrollbar-width:none;flex-direction:row;gap:6px;overflow-x:auto}.as-nav-foot{border-top:0;padding-top:0}.as-nav-item{white-space:nowrap;background:var(--as-surface);border-radius:999px;width:auto;padding:9px 14px;font-size:14px}.as-nav-item.is-active{background:var(--as-text);color:#fff}.as-nav-item.is-active svg{color:#fff}.as-content h1{margin-bottom:18px;font-size:24px}}@media (max-width:560px){.as-row{flex-direction:column;align-items:flex-start;gap:10px}.as-grid-2{grid-template-columns:1fr}.as-inline{flex-direction:column}}