*,*::before,*::after{box-sizing:border-box}html{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;text-rendering:optimizeLegibility}body{margin:0;min-block-size:100dvh}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{display:block}img{max-inline-size:100%}[hidden]{display:none!important}.sr-only{position:absolute;clip-path:inset(50%);overflow:hidden;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;white-space:nowrap}:focus-visible{outline:3px solid var(--focus,#4f7cff);outline-offset:3px}.field{display:grid;gap:.5rem}.field label,.field-label{font-size:.82rem;font-weight:650}.field input,.field select,.field textarea,.input{inline-size:100%;min-block-size:48px;border:1px solid var(--line,#d9dce5);border-radius:12px;padding:.75rem .9rem;background:var(--input-bg,#fff);color:inherit;font-size:1rem}.field textarea{min-block-size:120px;resize:vertical;line-height:1.65}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-block-start:1.25rem}.button{min-block-size:44px;border:1px solid transparent;border-radius:12px;padding:.7rem 1rem;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--accent,#5267df);color:var(--accent-text,#fff)}.button.secondary{background:var(--surface-soft,#f2f3f7);border-color:var(--line,#d9dce5);color:var(--text,#1b1d26)}.button.ghost{background:transparent;color:inherit;border-color:var(--line,#d9dce5)}.icon-button{inline-size:44px;block-size:44px;border:1px solid var(--line,#d9dce5);border-radius:12px;background:var(--surface,#fff);color:inherit;display:inline-grid;place-items:center}.icon-button svg,.button svg{inline-size:18px;block-size:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.28rem .62rem;font-size:.72rem;font-weight:650;background:var(--surface-soft,#f2f3f7);color:var(--muted,#6f7380);white-space:nowrap}.badge::before{content:"";inline-size:6px;block-size:6px;border-radius:50%;background:currentColor;opacity:.75}.badge.success{color:var(--success,#2c7b60);background:var(--success-bg,#e8f5ef)}.badge.warning{color:var(--warning,#a66a22);background:var(--warning-bg,#fff2dc)}.search-box{position:relative}.search-box input{inline-size:100%;min-block-size:46px;border:1px solid var(--line,#d9dce5);border-radius:12px;background:var(--input-bg,#fff);color:inherit;padding:.7rem .9rem .7rem 2.7rem;font-size:1rem}.search-box svg{position:absolute;inset-inline-start:.9rem;inset-block-start:50%;translate:0 -50%;inline-size:18px;block-size:18px;fill:none;stroke:var(--muted,#6f7380);stroke-width:1.8;pointer-events:none}.empty-state{padding:3rem 1rem;text-align:center;color:var(--muted,#6f7380);border:1px dashed var(--line,#d9dce5);border-radius:16px}.toast{position:fixed;z-index:100;inset-inline:1rem;inset-block-end:1.5rem;margin-inline:auto;inline-size:fit-content;max-inline-size:min(92vw,480px);border-radius:12px;padding:.85rem 1.1rem;background:var(--toast-bg,#20232d);color:var(--toast-text,#fff);box-shadow:0 12px 40px #0003;font-size:.9rem;opacity:0;translate:0 12px;pointer-events:none;transition:opacity .2s,translate .2s}.toast.show{opacity:1;translate:0 0}dialog{inline-size:min(92vw,580px);max-block-size:88dvh;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line,#d9dce5);border-radius:22px;padding:1.5rem;background:var(--surface,#fff);color:var(--text,#1b1d26);box-shadow:0 24px 80px #0004}dialog::backdrop{background:rgb(15 20 35 / .48);backdrop-filter:blur(5px);overflow:hidden;overscroll-behavior:contain}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-block-end:1.5rem}.dialog-head h2{margin:0;font-size:1.35rem}.dialog-head p{margin:.4rem 0 0;color:var(--muted,#6f7380);font-size:.88rem}.dialog-form{display:grid;gap:1rem}.credential-input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.03em}.mobile-only{display:none}.demo-note{font-size:.8rem;color:var(--muted,#6f7380);line-height:1.6}.view{animation:view-in .25s ease both}@keyframes view-in{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@media(max-width:900px){.mobile-only{display:inline-grid}.field-row{grid-template-columns:1fr}}@media(max-width:560px){dialog{padding:1.15rem;border-radius:18px}.form-actions>.button{flex:1}.toast{inset-block-end:1rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}