:root{--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--space-1:6px;--space-2:10px;--space-3:14px;--space-4:18px;--space-5:24px;--surface-0:var(--bg);--surface-1:#ffffffb3;--surface-2:#ffffffeb;--border-1:var(--border);--text-1:var(--text);--text-0:var(--text-h);--focus:#aa3bff61;--shadow-1:var(--shadow)}@media (prefers-color-scheme:dark){:root{--surface-1:#16171db8;--surface-2:#16171deb;--focus:#c084fc73}}.ui-card{border:1px solid color-mix(in oklab, var(--border-1) 70%, transparent);background:linear-gradient(180deg, color-mix(in oklab, var(--surface-2) 88%, transparent), color-mix(in oklab, var(--surface-1) 88%, transparent));border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-1)}.ui-input{border:1px solid color-mix(in oklab, var(--border-1) 70%, transparent);background:color-mix(in oklab, var(--surface-0) 92%, transparent);width:100%;color:var(--text-0);border-radius:12px;outline:none;padding:10px 12px}.ui-input::placeholder{color:color-mix(in oklab, var(--text-1) 70%, transparent)}.ui-input:focus{border-color:var(--accent-border);box-shadow:0 0 0 4px var(--focus)}.ui-select{border:1px solid color-mix(in oklab, var(--border-1) 70%, transparent);background:color-mix(in oklab, var(--surface-0) 92%, transparent);width:100%;color:var(--text-0);border-radius:12px;outline:none;padding:10px 12px}.ui-select:focus{border-color:var(--accent-border);box-shadow:0 0 0 4px var(--focus)}.ui-button{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:600;transition:transform .12s,background-color .12s,border-color .12s,box-shadow .12s,opacity .12s;display:inline-flex}.ui-modal-backdrop{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.ui-modal{width:min(720px,100%)}.ui-button:active{transform:translateY(1px)}.ui-button:disabled{opacity:.6;cursor:not-allowed}.ui-button--md{min-height:40px}.ui-button--sm{border-radius:10px;min-height:34px;padding:8px 12px}.ui-button--primary{background:linear-gradient(180deg, color-mix(in oklab, var(--accent) 85%, white), color-mix(in oklab, var(--accent) 85%, black));color:#fff;box-shadow:0 10px 25px -12px color-mix(in oklab, var(--accent) 50%, transparent)}.ui-button--primary:hover:not(:disabled){box-shadow:0 16px 35px -16px color-mix(in oklab, var(--accent) 62%, transparent)}.ui-button--secondary{background:color-mix(in oklab, var(--accent-bg) 55%, var(--surface-0));border-color:color-mix(in oklab, var(--accent-border) 80%, transparent);color:var(--text-0)}.ui-button--ghost{border-color:color-mix(in oklab, var(--border-1) 70%, transparent);color:var(--text-0);background:0 0}.ui-button--danger{background:color-mix(in oklab, #ef4444 25%, var(--surface-0));color:var(--text-0);border-color:oklab(63.6834% .187864 .0889286/.45)}.ui-table{border-collapse:separate;border-spacing:0;border-radius:var(--radius-md);border:1px solid color-mix(in oklab, var(--border-1) 70%, transparent);background:color-mix(in oklab, var(--surface-2) 88%, transparent);width:100%;box-shadow:var(--shadow-1);font-size:14px;overflow:hidden}.ui-table th,.ui-table td{border-bottom:1px solid color-mix(in oklab, var(--border-1) 65%, transparent);vertical-align:middle;padding:10px 12px}.ui-table th{z-index:1;text-align:left;color:var(--text-0);background:color-mix(in oklab, var(--surface-2) 95%, transparent);font-weight:650;position:sticky;top:0}.ui-table tbody tr{cursor:pointer}.ui-table tbody tr:hover td{background:color-mix(in oklab, var(--accent-bg) 55%, transparent)}.ui-table tbody tr[data-selected=true] td{background:color-mix(in oklab, var(--accent-bg) 85%, transparent)}.ui-badge{border:1px solid color-mix(in oklab, var(--border-1) 70%, transparent);background:color-mix(in oklab, var(--surface-0) 92%, transparent);color:var(--text-0);border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}