:root{--bg-primary: #151C23;--bg-secondary: #1e2832;--bg-tertiary: #2a3845;--bg-card: #1d2329;--bg-input: rgba(255, 255, 255, .05);--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #eeeeee;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--border-subtle: rgba(255, 255, 255, .1);--border-medium: rgba(255, 255, 255, .2);--border-strong: rgba(255, 255, 255, .3);--state-hover: rgba(255, 255, 255, .05);--state-active: rgba(255, 255, 255, .15);--state-focus: rgba(255, 255, 255, .2);--state-disabled: rgba(255, 255, 255, .3);--color-primary: #00b2d7;--color-secondary: #2e429b;--color-success: #21b24b;--color-warning: #ffab00;--color-error: #ee2c24;--color-info: #2077bd;--tag-color-0: #f7ec1f;--tag-color-1: #ffd108;--tag-color-2: #faa71a;--tag-color-3: #f47c20;--tag-color-4: #ee2c24;--tag-color-5: #ed2490;--tag-color-6: #7f4098;--tag-color-7: #2e429b;--tag-color-8: #2077bd;--tag-color-9: #00b2d7;--tag-color-10: #21b24b;--tag-color-11: #85c441;--tag-color-12: #c3d500;--tag-color-13: #00d9ff;--tag-color-14: #00c9b7;--tag-color-15: #5856d6;--tag-color-16: #af52de;--tag-color-17: #ff2d92;--tag-color-18: #ff375f;--tag-color-19: #ff6b6b;--tag-color-20: #ffab00;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .4);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--main-sidebar-width: 14rem;--main-sidebar-gap: 3rem;--main-offset-expanded: calc(var(--main-sidebar-width) + var(--main-sidebar-gap));--main-offset-collapsed: var(--main-sidebar-gap);--topbar-height: 3rem}[data-theme=high-contrast]{--bg-primary: #000000;--bg-secondary: #1a1a1a;--bg-tertiary: #333333;--bg-card: rgba(255, 255, 255, .05);--bg-input: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .9);--text-tertiary: rgba(255, 255, 255, .7);--border-subtle: rgba(255, 255, 255, .2);--border-medium: rgba(255, 255, 255, .4);--border-strong: rgba(255, 255, 255, .6);--state-hover: rgba(255, 255, 255, .15);--state-active: rgba(255, 255, 255, .25);--state-focus: rgba(255, 255, 255, .3)}html,body{background-color:var(--bg-primary);color:var(--text-primary)}#app{font-family:IBM Plex Mono,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--bg-primary);height:100vh;height:calc(var(--vh, 1vh) * 100);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}dialog{color:var(--text-primary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-card{background-color:var(--bg-card)}.bg-input{background-color:var(--bg-input)}.border-subtle{border:1px solid var(--border-subtle)}.border-medium{border:1px solid var(--border-medium)}.border-strong{border:1px solid var(--border-strong)}button,.button{transition:var(--transition-base)}button:disabled,.button:disabled{opacity:var(--state-disabled)}input,textarea{background-color:var(--bg-input);border:1px solid var(--border-medium);color:var(--text-primary);transition:var(--transition-base);border-radius:var(--radius-md)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input:focus,textarea:focus{outline:none;border-color:var(--color-primary);background-color:var(--state-focus)}input:disabled,textarea:disabled{opacity:var(--state-disabled)}.card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl)}.spinner{width:3rem;height:3rem;border:3px solid var(--border-subtle);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}.error-message{background-color:color-mix(in srgb,var(--color-error) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 30%,transparent);border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-error)}.success-message{background-color:color-mix(in srgb,var(--color-success) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-success) 30%,transparent);border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-success)}.warning-message{background-color:color-mix(in srgb,var(--color-warning) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-warning) 30%,transparent);border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-warning)}.firebase-emulator-warning{display:none!important}.color--accent{color:var(--color-accent)}.color--primary{color:var(--text-primary)}.color--secondary{color:var(--text-secondary)}.color--tertiary{color:var(--text-tertiary)}.color--muted{color:var(--color-muted)}.color--success{color:var(--color-success)}.color--warning{color:var(--color-warning)}.color--error{color:var(--color-error)}.color--info{color:var(--color-info)}.typography--title{margin:0 0 var(--space-sm);color:var(--text-primary);text-align:center;font-size:1.5rem}@media (min-width: 600px){.typography--title{font-size:1.75rem}}.typography--subtitle{text-align:center;color:var(--text-secondary);margin:0 0 var(--space-xl);font-size:.875rem}@media (min-width: 600px){.typography--subtitle{font-size:.95rem}}.typography--text{text-align:center;color:var(--text-tertiary);line-height:1.5;margin:0;font-size:.8rem}@media (min-width: 600px){.typography--text{font-size:.85rem}}.typography--label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.btn{white-space:nowrap}.btn--solid,.btn--solid-sm{white-space:nowrap;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);transition:var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-weight:500;padding:1rem 1.5rem;font-size:1rem}@media (min-width: 600px){.btn--solid,.btn--solid-sm{padding:.875rem 1.5rem}}.btn--solid:active:not(:disabled),.btn--solid-sm:active:not(:disabled){opacity:.8}.btn--solid:disabled,.btn--solid-sm:disabled{opacity:.5}.btn--solid-sm{padding:.5rem 1rem;font-size:.875rem}@media (min-width: 600px){.btn--solid-sm{padding:.5rem 1rem;font-size:.875rem}}.btn--outline,.btn--outline-sm{width:100%;background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-weight:500;padding:1rem 1.5rem;font-size:1rem}@media (min-width: 600px){.btn--outline,.btn--outline-sm{padding:.875rem 1.5rem}}.btn--outline:active:not(:disabled),.btn--outline-sm:active:not(:disabled){background-color:var(--state-hover)}.btn--outline:disabled,.btn--outline-sm:disabled{opacity:var(--state-disabled)}.btn--outline-sm{padding:.5rem 1rem;font-size:.875rem}@media (min-width: 600px){.btn--outline-sm{padding:.5rem 1rem;font-size:.875rem}}.btn--ghost,.btn--ghost-sm{background-color:transparent;color:var(--text-primary);border:none;border-radius:var(--radius-md);transition:var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:1rem 1.5rem;font-size:1rem}@media (pointer: fine){.btn--ghost:hover:not(:disabled),.btn--ghost-sm:hover:not(:disabled){background-color:var(--state-hover)}}@media (min-width: 600px){.btn--ghost,.btn--ghost-sm{padding:.875rem 1.5rem}}.btn--ghost:active:not(:disabled),.btn--ghost-sm:active:not(:disabled){opacity:.8}.btn--ghost:disabled,.btn--ghost-sm:disabled{opacity:.5}.btn--ghost-sm{padding:.5rem 1rem;font-size:.875rem}@media (min-width: 600px){.btn--ghost-sm{padding:.5rem 1rem;font-size:.875rem}}.btn--text:disabled{opacity:.2;pointer-events:none}.btn--cta{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border:1px solid var(--color-primary);padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;border-radius:1rem;cursor:default;transition:all .4s ease;box-shadow:0 4px 12px #00b2d74d}@media (pointer: fine){.btn--cta:hover{box-shadow:0 4px 32px #00b2d766;transform:perspective(500px) translateZ(5px)}}.btn--solid.isLoading,.isLoading.btn--solid-sm,.btn--outline.isLoading,.isLoading.btn--outline-sm,.btn--ghost.isLoading,.isLoading.btn--ghost-sm,.btn--text.isLoading,.btn--cta.isLoading{opacity:.8;cursor:not-allowed}.btn--solid.isSuccess,.isSuccess.btn--solid-sm,.btn--outline.isSuccess,.isSuccess.btn--outline-sm,.btn--ghost.isSuccess,.isSuccess.btn--ghost-sm,.btn--text.isSuccess,.btn--cta.isSuccess{background-color:var(--color-success);color:#fff;cursor:default;pointer-events:none}.input--ghost{padding:.875rem 1rem .875rem .25rem;background-color:transparent;border:none;color:var(--text-primary);outline:none;font-family:inherit;padding:.75rem 1rem;font-size:1rem}@media (min-width: 600px){.input--ghost{padding:.875rem 1rem}}.input--ghost::placeholder{color:var(--text-tertiary)}.input--ghost:focus{outline:none;border-color:var(--color-primary);background-color:var(--state-focus)}.input--ghost:disabled{opacity:var(--state-disabled)}.input--text{width:100%;color:var(--text-primary);background-color:var(--bg-input);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:var(--transition-base);font-family:IBM Plex Mono,monospace;padding:.75rem 1rem;font-size:1rem}@media (min-width: 600px){.input--text{padding:.875rem 1rem}}.input--text::placeholder{color:var(--text-tertiary)}.input--text:focus{outline:none;border-color:var(--color-primary);background-color:var(--state-focus)}.input--text:disabled{opacity:var(--state-disabled)}.input--regular{font-family:inherit}.input--prefix{padding:.875rem 0 .875rem 1rem;color:var(--text-secondary);font-size:1.1rem;font-weight:500;user-select:none}.card--modal{width:100%}@media (min-width: 600px){.card--modal{max-width:28rem}}.card--modal{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg)}@media (min-width: 600px){.card--modal{padding:var(--space-xl)}}.card--popper{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.loader--spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.message--success{text-align:center}.message--success-icon{width:3.5rem;height:3.5rem;margin:0 auto var(--space-lg);background-color:color-mix(in srgb,var(--color-success) 15%,transparent);border:2px solid var(--color-success);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-success);font-size:1.75rem}@media (min-width: 600px){.message--success-icon{width:4rem;height:4rem;font-size:2rem}}.message--success-text{background-color:color-mix(in srgb,var(--color-success) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-success) 30%,transparent);border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-success);margin:var(--space-md) 0;font-size:.95rem}@media (min-width: 600px){.message--success-text{font-size:1rem}}.message--error{background-color:color-mix(in srgb,var(--color-error) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 30%,transparent);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);color:var(--color-error);text-align:center;font-size:.875rem}@media (min-width: 600px){.message--error{font-size:.9rem}}.list--disk{padding-left:1.5rem;list-style:disc}.background--shaded{background-color:#ffffff08}.hr--subtle{border-bottom:none;border-top:1px solid var(--border-subtle)}
