:root{--bg: #f4f5f8;--surface: #ffffff;--surface-2: #f8f9fb;--border: #e2e5eb;--border-strong: #cfd4dd;--text: #1c2230;--muted: #667085;--primary: #2b4acb;--primary-hover: #213ba8;--primary-soft: #edf1fe;--success: #17803d;--success-soft: #e8f6ee;--warning: #a8620b;--warning-soft: #fdf3e2;--danger: #c4312b;--danger-soft: #fdecea;--info-soft: #e9f4fb;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 2px rgb(16 24 40 / 6%), 0 1px 3px rgb(16 24 40 / 8%);--shadow-lg: 0 12px 32px rgb(16 24 40 / 18%);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;line-height:1.25}h1{font-size:22px;font-weight:650}h2{font-size:17px;font-weight:620}h3{font-size:15px;font-weight:600}code,.mono{font-family:var(--mono);font-size:12.5px}.muted{color:var(--muted)}.small{font-size:12.5px}.nowrap{white-space:nowrap}.right{text-align:right}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page{max-width:1400px;margin:0 auto;padding:24px 20px 120px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-head .actions{display:flex;gap:8px;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.card-body{padding:20px}.card-head{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.span-2{grid-column:span 2}.span-all{grid-column:1 / -1}@media(max-width:900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.span-2{grid-column:auto}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:500 13.5px var(--font);cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,color .12s}.btn:hover:not(:disabled){background:var(--surface-2);text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover:not(:disabled){background:var(--primary-hover)}.btn.danger{color:var(--danger);border-color:#f0c4c1}.btn.danger:hover:not(:disabled){background:var(--danger-soft)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover:not(:disabled){background:var(--surface-2)}.btn.sm{height:30px;padding:0 10px;font-size:12.5px}.btn.icon{width:32px;height:32px;padding:0}.btn.icon.sm{width:28px;height:28px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label,.label{font-size:12.5px;font-weight:600;color:#344054}.field .hint{font-size:12px;color:var(--muted)}.field .error-text{font-size:12px;color:var(--danger)}.req:after{content:" *";color:var(--danger)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],input[type=search],select,textarea{width:100%;min-width:0;height:36px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font:14px var(--font);outline:none;transition:border-color .12s,box-shadow .12s}textarea{height:auto;min-height:84px;padding:8px 10px;resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2b4acb26}input:disabled,select:disabled,textarea:disabled,input[readonly]{background:var(--surface-2);color:var(--muted)}input.invalid,select.invalid{border-color:var(--danger)}.input-group{display:flex;align-items:stretch}.input-group>input,.input-group>select{border-radius:var(--radius) 0 0 var(--radius)}.input-group>.addon{display:flex;align-items:center;padding:0 10px;border:1px solid var(--border-strong);border-left:0;border-radius:0 var(--radius) var(--radius) 0;background:var(--surface-2);color:var(--muted);font-size:13px;white-space:nowrap}.check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.check input{width:16px;height:16px;accent-color:var(--primary)}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{appearance:none;width:38px;height:22px;border-radius:11px;background:var(--border-strong);position:relative;cursor:pointer;transition:background .15s;margin:0}.switch input:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .15s}.switch input:checked{background:var(--success)}.switch input:checked:after{transform:translate(16px)}.table-wrap{overflow-x:auto}table.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;font-weight:600;color:var(--muted);text-transform:none;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap}.table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr.clickable{cursor:pointer}.table tbody tr.clickable:hover td,.table tbody tr.selected td{background:#f7f9ff}.table.compact td,.table.compact th{padding:6px 8px}.table td input[type=text],.table td input[type=number],.table td select{height:32px}.badge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:11px;font-size:12px;font-weight:550;background:var(--surface-2);color:var(--muted);border:1px solid var(--border);white-space:nowrap}.badge.success{background:var(--success-soft);color:var(--success);border-color:#c3e6d0}.badge.warning{background:var(--warning-soft);color:var(--warning);border-color:#f2d9ae}.badge.danger{background:var(--danger-soft);color:var(--danger);border-color:#f3c7c4}.badge.primary{background:var(--primary-soft);color:var(--primary);border-color:#cdd6fa}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;background:var(--surface-2);border:1px solid var(--border);font-family:var(--mono);font-size:12px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);overflow-x:auto;padding:0 8px}.tabs button{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font:550 13.5px var(--font);cursor:pointer;white-space:nowrap}.tabs button:hover{color:var(--text)}.tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}.tabs .tab-no{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);font-size:11px}.tabs button.active .tab-no{background:var(--primary);border-color:var(--primary);color:#fff}.tabs .tab-error{width:7px;height:7px;border-radius:50%;background:var(--danger)}.alert{padding:10px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);font-size:13.5px}.alert.danger{background:var(--danger-soft);border-color:#f3c7c4;color:#8c1d18}.alert.warning{background:var(--warning-soft);border-color:#f2d9ae;color:#7a4708}.alert.info{background:var(--info-soft);border-color:#c5e2f3;color:#18506e}.alert.success{background:var(--success-soft);border-color:#c3e6d0;color:#0f5a2b}.alert ul{margin:6px 0 0;padding-left:18px}.empty{padding:48px 20px;text-align:center;color:var(--muted)}.section-title{font-size:13px;font-weight:650;color:#344054;margin:0 0 12px;display:flex;align-items:center;gap:8px}hr.sep{border:0;border-top:1px solid var(--border);margin:20px 0}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--border);font-size:13px;color:var(--muted)}.pager .row{gap:6px}.spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.thumb{width:44px;height:44px;border-radius:6px;object-fit:cover;background:var(--surface-2);border:1px solid var(--border);display:grid;place-items:center;color:var(--muted);flex:none}.kv{display:grid;grid-template-columns:160px 1fr;gap:8px 16px;font-size:13.5px}.kv dt{color:var(--muted)}.kv dd{margin:0;word-break:break-word}pre.json{margin:0;padding:14px;background:#0f172a;color:#e2e8f0;border-radius:var(--radius);overflow:auto;font:12px/1.55 var(--mono);max-height:60vh}