:root{--surface:#0b1326;--surface-container-lowest:#060e20;--surface-container-low:#131b2e;--surface-container:#171f33;--surface-container-high:#222a3d;--surface-container-highest:#2d3449;--on-surface:#dae2fd;--on-surface-variant:#c2c6d8;--outline:#8c90a1;--outline-variant:#424656;--primary:#b3c5ff;--primary-container:#06f;--on-primary-container:#f8f7ff;--secondary:#4edea3;--secondary-container:#00a572;--error:#ffb4ab;--error-container:#93000a;--brand-purple:#ae31f7;--brand-blue:#00bcf8;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--surface);color:var(--on-surface);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif}a{color:inherit}button{font-family:inherit}::selection{background:#ae31f740}.brand-gradient-text{background:linear-gradient(90deg, var(--brand-purple), var(--brand-blue));color:#0000;-webkit-background-clip:text;background-clip:text}.card{background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-lg)}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-container);color:var(--on-primary-container)}.btn-primary:hover:not(:disabled){opacity:.9}.btn-outline{color:var(--on-surface);border-color:var(--outline-variant);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--outline)}.btn-danger{color:var(--error);border-color:var(--error);background:0 0}.btn-danger:hover:not(:disabled){background:#ffb4ab14}.input{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-md);width:100%;color:var(--on-surface);outline:none;padding:10px 14px;font-size:14px}.input:focus{border-color:var(--primary-container)}.input::placeholder{color:#c2c6d880}table{border-collapse:collapse;width:100%;font-size:13.5px}th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--on-surface-variant);border-bottom:1px solid var(--outline-variant);white-space:nowrap;padding:10px 14px;font-size:11.5px;font-weight:500}td{border-bottom:1px solid var(--outline-variant);vertical-align:middle;padding:12px 14px}tbody tr:hover{background:#ffffff05}.badge{border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase;align-items:center;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{color:var(--secondary);background:#4edea324}.badge-warning{color:#d9a34f;background:#d9a34f24}.badge-error{color:var(--error);background:#ffb4ab24}.badge-neutral{background:var(--surface-container-high);color:var(--on-surface-variant)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-container-high);border-radius:8px}