:root{--color-bg:#161826;--color-text:#e9e9ed;--color-surface:#1d2032;--color-divider:#2b2f45;--color-accent:#9184d9;--color-accent-100:#d6d2f2;--color-accent-200:#b7aeea;--color-accent-300:#a599e2;--color-accent-700:#4d4494;--color-neutral-100:#f2f2f4;--color-neutral-200:#dcdce1;--color-neutral-300:#b7b7c2;--color-neutral-400:#8f8fa0;--color-neutral-500:#6f6f82;--color-neutral-600:#565669;--color-neutral-700:#3c3d52;--color-neutral-800:#292b3f;--color-neutral-900:#1a1c2c;--color-confirmed-dot:#5bbf94;--color-confirmed-fg:#93e2c0;--color-pending-dot:#d9b45b;--color-pending-fg:#ecd394;--color-cancelled-dot:#d97a7a;--color-cancelled-fg:#eaa5a5;--color-error:#d97a7a;--font-heading:"Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--radius-sm:6px;--radius-md:8px;--radius-pill:999px;--shadow-sm:0 1px 2px #0000004d, 0 1px 1px #0000003d;--shadow-md:0 4px 14px #0006;--shadow-lg:0 12px 32px #00000080}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);margin:0;font-size:14px}button,input{color:inherit;font-family:inherit}a{color:var(--color-accent-200)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.text-muted{color:var(--color-neutral-400)}.card{background:var(--color-surface);border-radius:var(--radius-md);flex-direction:column;padding:16px;display:flex}.elev-sm{box-shadow:var(--shadow-sm)}.elev-md{box-shadow:var(--shadow-md)}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--color-neutral-400);font-size:12.5px}.input{background:var(--color-neutral-900);border:1px solid var(--color-divider);border-radius:var(--radius-sm);color:var(--color-text);padding:9px 11px;font-size:13.5px}.input:focus-visible{border-color:var(--color-accent)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .16s,border-color .16s;display:inline-flex}.btn-primary{background:var(--color-accent);color:#14121f}.btn-primary:hover{background:var(--color-accent-300)}.btn-block{width:100%}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-divider);color:var(--color-text)}.btn-secondary:hover{background:color-mix(in srgb, var(--color-text) 6%, transparent)}.btn-ghost{color:var(--color-neutral-300);background:0 0}.btn-ghost:hover{background:color-mix(in srgb, var(--color-text) 6%, transparent)}.btn-icon{width:32px;height:32px;padding:8px}.btn:disabled{opacity:.5;cursor:default}.tag{border-radius:var(--radius-pill);align-items:center;padding:2px 9px;font-size:11px;font-weight:500;display:inline-flex}.tag-accent{background:color-mix(in srgb, var(--color-accent) 18%, transparent);color:var(--color-accent-100)}.hr{background:var(--color-divider);height:1px}.card-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--color-neutral-400);font-size:11px}.card-title{font-family:var(--font-heading);font-size:15px;font-weight:500}.card-meta{color:var(--color-neutral-400);align-items:center;gap:10px;font-size:12px;display:flex}@keyframes bookrailFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.28s bookrailFade}