:root{--color-primary: #6C63FF;--color-primary-light: #8B85FF;--color-primary-dark: #5A52E0;--color-secondary: #FF6584;--color-success: #4CAF50;--color-warning: #FFB74D;--color-danger: #EF5350;--color-bg: #F5F7FF;--color-surface: #FFFFFF;--color-text: #2D3436;--color-text-light: #636E72;--color-text-muted: #B2BEC3;--color-border: #E0E6FF;--radius: 16px;--radius-sm: 8px;--radius-lg: 24px;--font-size-base: 18px;--font-size-lg: 22px;--font-size-xl: 28px;--font-size-sm: 14px;--font-size-xs: 12px;--shadow: 0 4px 12px rgba(108, 99, 255, .15);--shadow-lg: 0 8px 24px rgba(108, 99, 255, .2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Avenir Next LT Pro,Avenir Next,Avenir,sans-serif;font-size:var(--font-size-base);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}#root{min-height:100vh}button{border:none;border-radius:var(--radius);padding:12px 24px;font-size:var(--font-size-base);font-family:Avenir Next LT Pro,Avenir Next,Avenir,sans-serif;font-weight:700;cursor:pointer;transition:transform .1s,box-shadow .2s,background-color .2s}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--color-secondary);color:#fff;box-shadow:var(--shadow)}.btn-danger{background:var(--color-danger);color:#fff}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover:not(:disabled){background:var(--color-primary);color:#fff}.btn-small{padding:8px 16px;font-size:var(--font-size-sm);border-radius:var(--radius-sm)}input{border:2px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 16px;font-size:var(--font-size-base);font-family:Avenir Next LT Pro,Avenir Next,Avenir,sans-serif;width:100%;transition:border-color .2s,box-shadow .2s;background:var(--color-surface)}input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6c63ff26}.card{background:var(--color-surface);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.page-container{max-width:1000px;margin:0 auto;padding:24px}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:var(--font-size-lg);color:var(--color-primary);font-weight:700}.error-text{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:8px}a{color:var(--color-primary);text-decoration:none;font-weight:600}a:hover{text-decoration:underline}