:root{--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f9fafb;--surface-3: #f2f4f7;--border: #e4e7ec;--border-soft: #eef0f3;--border-strong: #d0d5dd;--text: #101828;--text-2: #344054;--text-3: #667085;--text-4: #98a2b3;--accent: #4f46e5;--accent-hover: #4338ca;--accent-soft: #eef2ff;--accent-border: #c7d2fe;--accent-text: #3730a3;--success: #067647;--success-soft: #ecfdf3;--success-border: #abefc6;--warning: #b54708;--warning-soft: #fffaeb;--warning-border: #fedf89;--danger: #d92d20;--danger-hover: #b42318;--danger-soft: #fef3f2;--danger-border: #fecdca;--info: #175cd3;--info-soft: #eff8ff;--info-border: #b2ddff;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);--shadow-sm: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .04);--shadow-md: 0 8px 16px -4px rgba(16, 24, 40, .08), 0 2px 4px -2px rgba(16, 24, 40, .04);--ring: 0 0 0 3px rgba(79, 70, 229, .18);--ring-danger: 0 0 0 3px rgba(217, 45, 32, .16);--topbar-h: 60px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01"}h1,h2,h3,h4{color:var(--text);letter-spacing:-.011em}code,pre,kbd{font-family:var(--mono);font-size:.85em}button{font-family:inherit}::selection{background:var(--accent-soft);color:var(--accent-text)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.icon{display:inline-flex;flex-shrink:0;line-height:0}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(input:not([type=checkbox],[type=radio],[type=file],[type=range]),select,textarea){font:inherit;font-size:.875rem;line-height:1.25rem;color:var(--text);background-color:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);padding:.5rem .75rem;box-shadow:var(--shadow-xs);transition:border-color .15s,box-shadow .15s,background-color .15s;min-width:0}:where(input:not([type=checkbox],[type=radio],[type=file],[type=range]),select,textarea)::placeholder{color:var(--text-4)}:where(input:not([type=checkbox],[type=radio],[type=file],[type=range]),select,textarea):hover:not(:disabled):not(:focus){border-color:#b8bfca}:where(input:not([type=checkbox],[type=radio],[type=file],[type=range]),select,textarea):focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}:where(input:not([type=checkbox],[type=radio],[type=file],[type=range]),select,textarea):disabled{background-color:var(--surface-3);color:var(--text-4);cursor:not-allowed;box-shadow:none}:where(select){appearance:none;cursor:pointer;padding-right:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;background-size:14px}:where(textarea){resize:vertical}:where(input[type=checkbox],input[type=radio]){accent-color:var(--accent);width:16px;height:16px;margin:0;cursor:pointer;flex-shrink:0}.field-label{font-size:.8125rem;font-weight:500;color:var(--text-2)}.req{color:var(--danger);margin-left:2px}.hint{font-size:.75rem;color:var(--text-3);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;height:36px;padding:0 .875rem;border:1px solid transparent;border-radius:var(--radius);font-size:.875rem;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-xs),inset 0 1px #ffffff1f}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text-2);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-secondary.active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-text)}.btn-ghost{background:transparent;color:var(--text-3)}.btn-ghost:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.btn-ghost.active{background:var(--accent-soft);color:var(--accent-text)}.btn-danger{background:var(--danger);color:#fff;box-shadow:var(--shadow-xs)}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-danger:focus-visible{box-shadow:var(--ring-danger)}.btn-danger-outline{background:var(--surface);border-color:var(--danger-border);color:var(--danger);box-shadow:var(--shadow-xs)}.btn-danger-outline:hover:not(:disabled){background:var(--danger-soft)}.btn-danger-outline:focus-visible{box-shadow:var(--ring-danger)}.btn-sm{height:30px;padding:0 .625rem;font-size:.8125rem;gap:.35rem}.btn-lg{height:42px;padding:0 1.125rem;font-size:.9375rem}.btn-block{width:100%}.btn-icon{width:36px;padding:0}.btn-sm.btn-icon{width:30px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:1.5rem}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.panel-title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;line-height:1.5rem}.panel-sub{margin:.125rem 0 0;font-size:.8125rem;color:var(--text-3)}.subpanel{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.125rem}.eyebrow{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.chip{display:inline-flex;align-items:center;gap:.3rem;height:22px;padding:0 .5rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text-2);font-size:.75rem;font-weight:500;white-space:nowrap}.chip.chip-accent{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-text)}.chip.chip-success{background:var(--success-soft);border-color:var(--success-border);color:var(--success)}.chip.chip-warning{background:var(--warning-soft);border-color:var(--warning-border);color:var(--warning)}.chip.chip-danger{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.chip.chip-mono{font-family:var(--mono);font-size:.7rem;border-radius:var(--radius-sm)}.alert{display:flex;align-items:flex-start;gap:.625rem;margin:0;padding:.75rem .875rem;border:1px solid;border-radius:var(--radius);font-size:.8125rem;line-height:1.45}.alert>.icon{margin-top:1px}.alert.alert-error{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger-hover)}.alert.alert-warning{background:var(--warning-soft);border-color:var(--warning-border);color:var(--warning)}.alert.alert-success{background:var(--success-soft);border-color:var(--success-border);color:var(--success)}.alert.alert-info{background:var(--info-soft);border-color:var(--info-border);color:var(--info)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:3rem 1rem;text-align:center;color:var(--text-3)}.empty-state .empty-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:.5rem;border-radius:50%;background:var(--surface-3);color:var(--text-3);box-shadow:0 0 0 6px var(--surface-2)}.empty-state h3{margin:0;font-size:.9375rem;font-weight:600}.empty-state p{margin:0;font-size:.8125rem;max-width:42ch}.loading-row{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2.5rem 1rem;font-size:.8125rem;color:var(--text-3)}.option-tile{display:flex;align-items:center;gap:.45rem;height:36px;padding:0 .75rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-xs);font-size:.8125rem;color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s,background-color .15s}.option-tile:hover{border-color:#b8bfca}.option-tile:has(>input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text);box-shadow:0 0 0 1px var(--accent)}.segmented{display:inline-flex;gap:2px;padding:3px;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius)}.segmented button{display:inline-flex;align-items:center;gap:.35rem;height:28px;padding:0 .7rem;border:none;border-radius:5px;background:transparent;color:var(--text-3);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color .15s,color .15s}.segmented button:hover{color:var(--text)}.segmented button:focus-visible{outline:none;box-shadow:var(--ring)}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.table-frame{border:1px solid var(--border);border-radius:var(--radius);overflow:auto;background:var(--surface)}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:.8125rem;font-variant-numeric:tabular-nums}.table th,.table td{padding:.625rem .875rem;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border-soft)}.table th{position:sticky;top:0;z-index:1;background:var(--surface-2);border-bottom-color:var(--border);color:var(--text-3);font-size:.75rem;font-weight:500}.table td{color:var(--text-2)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--surface-2)}.pager{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;font-size:.8125rem;color:var(--text-3)}.pager .pager-info strong{color:var(--text-2);font-weight:500}.pager .pager-actions{display:flex;gap:.5rem}