:root{--color-background-primary:#1A202C;--color-surface-primary:#2D3748;--color-surface-secondary:#4A5568;--color-border-primary:#4A5568;--color-text-primary:#E2E8F0;--color-text-secondary:#A0AEC0;--color-text-on-accent:#FFFFFF;--color-accent-action:#4299E1;--color-accent-action-hover:#2B6CB0;--color-semantic-positive:#48BB78;--color-semantic-positive-bg:rgba(72,187,120,0.1);--color-semantic-negative:#F56565;--color-semantic-negative-bg:rgba(245,101,101,0.1);--color-semantic-neutral:#ECC94B;--color-semantic-neutral-bg:rgba(236,201,75,0.1);--color-semantic-neutral-gray:#A0AEC0;--color-semantic-neutral-gray-bg:rgba(160,174,192,0.15);--color-semantic-neutral-gray-border:rgba(160,174,192,0.3);--color-semantic-bullish:#48BB78;--color-semantic-bullish-bg:rgba(72,187,120,0.15);--color-semantic-bullish-border:rgba(72,187,120,0.3);--color-semantic-bearish:#F56565;--color-semantic-bearish-bg:rgba(245,101,101,0.15);--color-semantic-bearish-border:rgba(245,101,101,0.3);--primary-bg:var(--color-background-primary);--secondary-bg:var(--color-surface-primary);--card-bg:var(--color-surface-primary);--border-color:var(--color-border-primary);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-secondary);--accent-blue:var(--color-accent-action);--accent-green:var(--color-semantic-positive);--accent-red:var(--color-semantic-negative);--accent-orange:var(--color-semantic-neutral);--accent-purple:var(--color-surface-secondary);--hover-bg:var(--color-surface-secondary);--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.3),0 1px 2px 0 rgba(0,0,0,0.2);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.4),0 2px 4px -1px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.5),0 4px 6px -2px rgba(0,0,0,0.4);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.6),0 10px 10px -5px rgba(0,0,0,0.5);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background-color:var(--color-background-primary);color:var(--color-text-secondary);line-height:1.6;font-size:14px;overflow-x:hidden;overflow-y:auto;}.header{background:var(--color-surface-primary);border-bottom:1px solid var(--color-border-primary);padding:var(--spacing-md) 0;position:relative;z-index:100;}.header-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;align-items:center;justify-content:flex-start;}.logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--color-text-primary);font-size:1.5rem;font-weight:700;font-family:'Inter',sans-serif;}.logo-link{text-decoration:none;color:inherit;cursor:pointer;}.logo-icon{width:24px;height:24px;color:var(--color-accent-action);}.header nav,.header .user-menu{display:none;}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);border:1px solid transparent;}.alert-success{background:var(--color-semantic-positive-bg);color:var(--color-semantic-positive);border-color:rgba(72,187,120,0.2);}.alert-error{background:var(--color-semantic-negative-bg);color:var(--color-semantic-negative);border-color:rgba(245,101,101,0.2);}.alert-warning{background:var(--color-semantic-neutral-bg);color:var(--color-semantic-neutral);border-color:rgba(236,201,75,0.2);}.alert-info{background:rgba(49,130,206,0.1);color:var(--color-accent-action);border-color:rgba(49,130,206,0.2);}.auth-container{height:100vh;background:var(--color-background-primary);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;padding-top:20px;overflow:hidden;}.auth-card{background:var(--color-surface-primary);border-radius:var(--radius-xl);box-shadow:none;padding:var(--spacing-lg);max-width:400px;width:100%;border:1px solid var(--color-border-primary);position:relative;margin-bottom:var(--spacing-md);}.auth-header{text-align:center;margin-bottom:var(--spacing-xl);}.auth-title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm);letter-spacing:-0.5px;}.auth-subtitle{color:var(--color-text-secondary);font-size:0.9rem;}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md);}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);}.form-label{display:none;}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border-primary);background:var(--color-surface-secondary);color:var(--color-text-primary);font-size:1rem;transition:all 0.2s ease;outline:none;}.form-input:focus{border-color:var(--color-accent-action);background:var(--color-surface-primary);box-shadow:0 0 0 3px rgba(66,153,225,0.1);}.form-input::placeholder{color:var(--color-text-secondary);}.auth-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:var(--color-accent-action);color:var(--color-text-on-accent);font-weight:600;font-size:1rem;border:none;transition:all 0.2s ease;cursor:pointer;margin-top:var(--spacing-sm);}.auth-btn:hover{background:var(--color-accent-action-hover);transform:translateY(-1px);box-shadow:var(--shadow-md);}.auth-links{text-align:center;margin-top:var(--spacing-lg);color:var(--color-text-secondary);font-size:0.9rem;}.auth-links a{color:var(--color-accent-action);text-decoration:none;font-weight:500;transition:color 0.2s ease;}.auth-links a:hover{color:var(--color-accent-action-hover);text-decoration:underline;}.auth-footer{text-align:center;color:var(--color-text-secondary);font-size:0.8rem;margin-top:0;padding-top:var(--spacing-sm);border-top:none;}.auth-footer a{color:var(--color-accent-action);text-decoration:none;margin:0 var(--spacing-xs);}.auth-footer a:hover{text-decoration:underline;}.alert-error{background:var(--color-semantic-negative-bg);border:1px solid var(--color-semantic-negative-border);color:var(--color-semantic-negative);padding:var(--spacing-sm);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:0.9rem;}.field-error{color:var(--color-semantic-negative);font-size:0.8rem;margin-top:var(--spacing-xs);}.auth-divider{display:flex;align-items:center;margin:var(--spacing-lg) 0;color:var(--color-text-secondary);font-size:0.9rem;}.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--color-border-primary);}.auth-divider span{padding:0 var(--spacing-md);background:var(--color-surface-primary);}.social-auth{margin-bottom:var(--spacing-lg);}.google-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:var(--color-surface-primary);color:var(--color-text-primary);text-decoration:none;font-weight:500;font-size:1rem;border:1px solid var(--color-border-primary);transition:all 0.2s ease;cursor:pointer;}.google-btn:hover{background:var(--color-surface-secondary);border-color:var(--color-border-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm);text-decoration:none;color:var(--color-text-primary);}.google-btn:active{transform:translateY(0);}.google-btn svg{flex-shrink:0;}@media (max-width:600px){.auth-container{padding:var(--spacing-md);}.auth-card{padding:var(--spacing-lg);}.auth-title{font-size:1.5rem;}}