:root{--auth-chip-bg:rgba(255, 255, 255, 0.95);--auth-chip-bg-hover:rgba(255, 255, 255, 1);--auth-chip-bg-header:rgba(255, 255, 255, 0.9);--auth-chip-border:rgba(0, 0, 0, 0.08);--auth-chip-shadow:0 2px 8px rgba(0, 0, 0, 0.1);--auth-avatar-border:rgba(102, 126, 234, 0.2);--auth-name-color:#1f2937;--auth-muted-color:#6b7280;--auth-logout-hover-bg:rgba(239, 68, 68, 0.1);--auth-logout-hover-color:#ef4444;--auth-login-start:#667eea;--auth-login-end:#764ba2;--auth-login-shadow:0 2px 8px rgba(102, 126, 234, 0.25);--auth-login-shadow-hover:0 4px 12px rgba(102, 126, 234, 0.35)}[data-theme=dark]{--auth-chip-bg:rgba(15, 23, 42, 0.78);--auth-chip-bg-hover:rgba(15, 23, 42, 0.9);--auth-chip-bg-header:rgba(15, 23, 42, 0.72);--auth-chip-border:rgba(255, 255, 255, 0.14);--auth-chip-shadow:0 10px 24px rgba(0, 0, 0, 0.32);--auth-avatar-border:rgba(148, 163, 184, 0.28);--auth-name-color:#f8fafc;--auth-muted-color:#cbd5e1;--auth-logout-hover-bg:rgba(248, 113, 113, 0.16);--auth-logout-hover-color:#fca5a5;--auth-login-start:#2563eb;--auth-login-end:#0f766e;--auth-login-shadow:0 10px 24px rgba(15, 23, 42, 0.32);--auth-login-shadow-hover:0 12px 28px rgba(15, 23, 42, 0.4)}@media (prefers-color-scheme:dark){:root[data-theme=system]{--auth-chip-bg:rgba(15, 23, 42, 0.78);--auth-chip-bg-hover:rgba(15, 23, 42, 0.9);--auth-chip-bg-header:rgba(15, 23, 42, 0.72);--auth-chip-border:rgba(255, 255, 255, 0.14);--auth-chip-shadow:0 10px 24px rgba(0, 0, 0, 0.32);--auth-avatar-border:rgba(148, 163, 184, 0.28);--auth-name-color:#f8fafc;--auth-muted-color:#cbd5e1;--auth-logout-hover-bg:rgba(248, 113, 113, 0.16);--auth-logout-hover-color:#fca5a5;--auth-login-start:#2563eb;--auth-login-end:#0f766e;--auth-login-shadow:0 10px 24px rgba(15, 23, 42, 0.32);--auth-login-shadow-hover:0 12px 28px rgba(15, 23, 42, 0.4)}}.auth-header-authenticated{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--auth-chip-bg);border-radius:24px;border:1px solid var(--auth-chip-border);transition:.2s}.auth-header-authenticated:hover{background:var(--auth-chip-bg-hover);box-shadow:var(--auth-chip-shadow)}.auth-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--auth-avatar-border)}.auth-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.auth-user-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.auth-user-name{font-size:14px;font-weight:600;color:var(--auth-name-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-user-email{font-size:12px;color:var(--auth-muted-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-logout-btn{background:0 0;border:none;color:var(--auth-muted-color);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:.2s}.auth-logout-btn:hover{background:var(--auth-logout-hover-bg);color:var(--auth-logout-hover-color)}.auth-logout-btn i{font-size:18px}.auth-login-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--auth-login-start) 0,var(--auth-login-end) 100%);color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;transition:.2s;box-shadow:var(--auth-login-shadow)}.auth-login-btn:hover{transform:translateY(-2px);box-shadow:var(--auth-login-shadow-hover);filter:brightness(1.04)}.auth-login-btn:active{transform:translateY(0)}.auth-login-btn i{font-size:16px}@media (max-width:768px){.auth-header-authenticated{padding:6px 10px;gap:8px}.auth-avatar,.auth-avatar-placeholder{width:28px;height:28px}.auth-user-name{font-size:13px}.auth-user-email{display:none}.auth-login-btn{padding:8px 16px;font-size:13px}.auth-login-btn span{display:none}}@media (max-width:480px){.auth-login-btn span{display:inline}}.header-actions .auth-header-authenticated,.header-actions .auth-login-btn{margin:0}.header .auth-header-authenticated{background:var(--auth-chip-bg-header)}.navbar .auth-header-authenticated,.navbar .auth-login-btn{margin-left:auto}@media (max-width:640px){.header .auth-header-authenticated{gap:6px;max-width:76px;padding:4px 6px;border-radius:8px}.header .auth-user-info{display:none}.header .auth-avatar,.header .auth-avatar-placeholder{width:28px;height:28px;flex:0 0 28px}.header .auth-avatar-placeholder{font-size:18px}.header .auth-logout-btn{width:28px;height:28px;flex:0 0 28px;padding:4px}.header .auth-logout-btn i{font-size:16px}.header .auth-login-btn{width:34px;height:34px;justify-content:center;padding:0;border-radius:8px}.header .auth-login-btn span{display:none}}