:root{--color-primary: #24313f;--color-primary-dark: #1a252f;--color-primary-light: #2d3e4f;--color-secondary: #6b7e87;--color-secondary-dark: #556670;--color-secondary-light: #7d9099;--color-secondary-very-light: #dde4e7;--color-bg-primary: #ffffff;--color-bg-secondary: #f5f7fa;--color-bg-tertiary: #e8ecef;--color-bg-gradient-start: #f5f7fa;--color-bg-gradient-end: #e8ecef;--color-text-primary: #24313f;--color-text-secondary: #6b7e87;--color-text-tertiary: #9ca5ab;--color-text-inverse: #ffffff;--color-border: #e0e4e7;--color-border-light: #f0f2f5;--color-border-dark: #d0d4d7;--color-success: #27ae60;--color-success-light: #2ecc71;--color-error: #c0392b;--color-error-light: #e74c3c;--color-error-bg: #fee;--color-error-border: #fcc;--color-warning: #f39c12;--color-info: #3498db;--color-button-primary: var(--color-primary);--color-button-primary-hover: var(--color-primary-dark);--color-button-secondary: var(--color-secondary);--color-button-secondary-hover: var(--color-secondary-dark);--color-button-danger: var(--color-error);--color-button-danger-hover: #a93226;--color-button-disabled: #d0d4d7;--color-button-text: var(--color-text-inverse);--shadow-sm: 0 2px 4px rgba(36, 49, 63, .08);--shadow-md: 0 4px 6px rgba(36, 49, 63, .1);--shadow-lg: 0 8px 12px rgba(36, 49, 63, .12);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s}body{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-bg-secondary);min-height:100vh;color:var(--color-text-primary)}#app{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top);background-color:var(--color-secondary-very-light);z-index:100000;pointer-events:none}