:root{--bg:#f4f5f7;--bg-elevated:#fff;--bg-soft:#eceef1;--bg-hover:#0000000b;--line:#00000014;--line-strong:#00000024;--text:#1a1b1e;--text-2:#3f4248;--muted:#6a6f78;--muted-2:#a0a5ad;--accent:#3aa654;--accent-bright:#2f8f43;--accent-deep:#1e6b30;--accent-dim:#3aa65421;--warn:#d97706;--warn-dim:#d9770621;--danger:#dc2626;--danger-dim:#dc26261a;--info:#3b82f6;--info-bright:#2563eb;--info-dim:#3b82f61f;--radius:14px;--radius-sm:8px;--nav-h:56px;--side-w:236px;--side-w-fold:64px;--font-display:"Syne", "Segoe UI", system-ui, sans-serif;--font-body:"Manrope", "Segoe UI", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, Consolas, "SF Mono", monospace;--focus-ring:0 0 0 3px #3aa65440;--shadow-pop:0 18px 50px #0000001a;--shadow-modal:0 24px 80px #0003}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;color:var(--text);font-family:var(--font-body);background:radial-gradient(1200px 700px at 78% -10%, #3aa65412, transparent 55%), radial-gradient(900px 500px at 6% 10%, #3b82f60d, transparent 50%), linear-gradient(180deg, #f7f8fa 0%, var(--bg) 40%, #eef0f3 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-size:14px;line-height:1.7;overflow-x:hidden}#app{min-height:100vh}h1,h2,h3,h4,h5{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-weight:700}a{color:var(--accent-bright);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--font-mono);border:1px solid var(--line);color:#24282e;background:#0000000d;border-radius:5px;padding:1px 6px;font-size:.86em}button{cursor:pointer;font-family:inherit}input,select,textarea{color:var(--text);font-family:inherit}:focus-visible{box-shadow:var(--focus-ring);outline:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#0000002e padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#00000047 padding-box padding-box}::-webkit-scrollbar-track{background:0 0}@media (width<=1024px){body{font-size:13px}}[data-theme=blue]{--bg:#f0f4f8;--bg-elevated:#fff;--bg-soft:#e3ecf3;--bg-hover:#3b82f614;--line:#3b82f61f;--line-strong:#3b82f633;--text:#1e293b;--text-2:#334155;--muted:#64748b;--muted-2:#94a3b8;--accent:#3b82f6;--accent-bright:#2563eb;--accent-deep:#1d4ed8;--accent-dim:#3b82f626;--warn:#f59e0b;--warn-dim:#f59e0b26;--danger:#ef4444;--danger-dim:#ef44441f;--info:#06b6d4;--info-bright:#0891b2;--info-dim:#06b6d426;--focus-ring:0 0 0 3px #3b82f64d;--shadow-pop:0 18px 50px #3b82f626;--shadow-modal:0 24px 80px #3b82f640}[data-theme=blue] body{background:radial-gradient(1200px 700px at 78% -10%, #3b82f61a, transparent 55%), radial-gradient(900px 500px at 6% 10%, #0ea5e914, transparent 50%), linear-gradient(180deg, #f5f8fb 0%, var(--bg) 40%, #e8f0f7 100%)}[data-theme=gray]{--bg:#f5f5f5;--bg-elevated:#fafafa;--bg-soft:#ebebeb;--bg-hover:#0000000d;--line:#0000001a;--line-strong:#00000029;--text:#171717;--text-2:#404040;--muted:#737373;--muted-2:#a3a3a3;--accent:#525252;--accent-bright:#404040;--accent-deep:#262626;--accent-dim:#5252521f;--warn:#ea580c;--warn-dim:#ea580c1f;--danger:#dc2626;--danger-dim:#dc26261a;--info:#0891b2;--info-bright:#0e7490;--info-dim:#0891b21f;--focus-ring:0 0 0 3px #52525240;--shadow-pop:0 18px 50px #0000001f;--shadow-modal:0 24px 80px #00000038}[data-theme=gray] body{background:radial-gradient(1200px 700px at 78% -10%, #0000000a, transparent 55%), radial-gradient(900px 500px at 6% 10%, #00000005, transparent 50%), linear-gradient(180deg, #f9f9f9 0%, var(--bg) 40%, #efefef 100%)}.btn{border:1px solid var(--line-strong);height:34px;color:var(--text-2);white-space:nowrap;-webkit-user-select:none;user-select:none;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;transition:background .16s,border-color .16s,color .16s,transform 60ms;display:inline-flex}.btn:hover{background:var(--bg-soft);color:var(--text);border-color:var(--line-strong);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.pri{background:linear-gradient(180deg, var(--accent-bright), var(--accent-deep));color:#fff;border-color:#0000;font-weight:700}.btn.pri:hover{filter:brightness(1.05);color:#fff}.btn.dgr{color:var(--danger);background:var(--danger-dim);border-color:#dc262659}.btn.dgr:hover{color:var(--danger);background:#dc262626}.btn.sm{border-radius:7px;height:28px;padding:0 10px;font-size:12px}.btn.lg{height:40px;padding:0 20px;font-size:14px}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--bg-hover)}.btn.is-loading{pointer-events:none;opacity:.6}.card{border:1px solid var(--line);background:var(--bg-elevated);border-radius:var(--radius);padding:18px}.card.is-accent{background:linear-gradient(160deg, #3aa65414, var(--bg-elevated));border-color:#3aa65459}.card-title{color:var(--text);letter-spacing:-.01em;margin-bottom:12px;font-size:16px;font-weight:700}.tbl-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated);overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;min-width:640px;font-size:13.5px}.tbl thead th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;z-index:1;background:#00000007;padding:11px 14px;font-size:11.5px;font-weight:700;position:sticky;top:0}.tbl tbody td{color:var(--text-2);vertical-align:middle;border-bottom:1px solid #0000000d;padding:12px 14px}.tbl tbody tr:last-child td{border-bottom:0}.tbl tbody tr{transition:background .12s}.tbl tbody tr:hover{background:var(--bg-hover)}.tbl tbody tr.row-clickable{cursor:pointer}.cell-mono{font-family:var(--font-mono);color:var(--text-2);font-size:12.5px}.cell-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.cell-muted{color:var(--muted)}.cell-link{color:var(--accent-bright);cursor:pointer;font-weight:600}.cell-link:hover{text-decoration:underline}.pill{border:1px solid var(--line-strong);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:600;line-height:1.7;display:inline-flex}.pill:before{content:"";opacity:.85;background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.pill.no-dot:before{display:none}.pill.ok{color:var(--accent-bright);background:var(--accent-dim);border-color:#3aa65459}.pill.warn{color:var(--warn);background:var(--warn-dim);border-color:#d9770659}.pill.danger{color:var(--danger);background:var(--danger-dim);border-color:#dc262659}.pill.info{color:var(--info-bright);background:var(--info-dim);border-color:#3b82f659}.pill.mute{color:var(--muted-2)}.pill.mono{font-family:var(--font-mono);font-weight:500}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--text-2);font-size:12.5px;font-weight:600}.input,.select,.textarea{border:1px solid var(--line-strong);width:100%;height:34px;color:var(--text);background:#fff;border-radius:8px;padding:0 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.input::placeholder,.textarea::placeholder{color:var(--muted-2)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236a6f78' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}.textarea{resize:vertical;height:auto;min-height:80px;padding:10px 12px;line-height:1.6}.control-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.field-error{color:var(--danger);font-size:12px}.switch{flex:none;width:40px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch .slider{background:#0000001f;border-radius:999px;transition:background .2s;position:absolute;inset:0}.switch .slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch input:checked+.slider{background:var(--accent)}.switch input:checked+.slider:before{transform:translate(18px)}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.16s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elevated);border:1px solid var(--line-strong);border-radius:var(--radius);width:min(480px,100vw - 40px);box-shadow:var(--shadow-modal);animation:.18s popIn}.modal-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:18px 20px;display:flex}.modal-title{color:var(--text);font-size:16px;font-weight:700}.modal-close{width:28px;height:28px;color:var(--muted);background:0 0;border:none;border-radius:7px;place-items:center;margin-left:auto;font-size:16px;display:grid}.modal-close:hover{background:var(--bg-hover);color:var(--text)}.modal-body{color:var(--text-2);padding:20px;font-size:13.5px}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.modal.dgr .modal-title{color:var(--danger)}.drawer{background:var(--bg-elevated);border-left:1px solid var(--line-strong);width:min(560px,92vw);height:100vh;box-shadow:var(--shadow-modal);z-index:1000;flex-direction:column;animation:.22s slideIn;display:flex;position:fixed;top:0;right:0}.drawer-header{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:10px;padding:16px 20px;display:flex}.drawer-body{flex:1;padding:20px;overflow-y:auto}.drawer-foot{border-top:1px solid var(--line);flex:none;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.toast-stack{z-index:2000;flex-direction:column;gap:10px;display:flex;position:fixed;top:66px;right:20px}.toast{border:1px solid var(--line-strong);background:var(--bg-elevated);min-width:240px;max-width:380px;box-shadow:var(--shadow-pop);color:var(--text-2);border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;animation:.22s toastIn;display:flex}.toast .dot{border-radius:50%;flex:none;width:8px;height:8px;margin-top:7px}.toast.ok .dot{background:var(--accent-bright)}.toast.err .dot{background:var(--danger)}.toast.warn .dot{background:var(--warn)}.toast.info .dot{background:var(--info-bright)}.skeleton{background:linear-gradient(90deg,#0000000a 25%,#00000014 37%,#0000000a 63%) 0 0/400% 100%;border-radius:6px;animation:1.4s infinite shimmer}.empty-state{text-align:center;color:var(--muted);padding:48px 20px}.empty-state .icon{opacity:.5;margin-bottom:12px;font-size:40px}.empty-state .title{color:var(--text-2);margin-bottom:4px;font-size:15px;font-weight:700}.empty-state .desc{font-size:13px}.error-state{text-align:center;color:var(--muted);padding:32px 20px}.trace-id{font-family:var(--font-mono);color:var(--muted-2);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:inline-flex}.trace-id:hover{color:var(--text-2)}.progress{background:#00000014;border-radius:999px;min-width:60px;height:6px;overflow:hidden}.progress>i{background:linear-gradient(90deg, var(--accent-deep), var(--accent-bright));border-radius:999px;height:100%;transition:width .4s;display:block}.progress.w>i{background:linear-gradient(90deg, #a06a00, var(--warn))}.progress.d>i{background:linear-gradient(90deg, #8d3030, var(--danger))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #00000026;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}