.modal-overlay{animation:fadeIn .2s ease-in-out}.modal-content{animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-fade{animation:fadeIn .2s ease-in-out}.modal-slide{animation:slideUp .3s ease-out}:root{--color-primary: #6366f1;--color-secondary: #8b5cf6;--color-background: #0f172a;--color-surface: #1e293b;--color-text: #f1f5f9;--color-text-secondary: #cbd5e1;--color-error: #ef4444;--color-success: #10b981;--color-warning: #f59e0b;--color-border: #334155;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text);overflow:hidden}#root{width:100%;height:100%}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media (max-width: 768px){body{font-size:14px}}@media (min-width: 769px) and (max-width: 1024px){body{font-size:15px}}@media (min-width: 1025px){body{font-size:16px}}@media (max-width: 768px){button,[role=button]{min-height:44px;min-width:44px}}