:root{--auth-navy:var(--brand-primary)}body.auth-page{margin:0;background:#f5f6f8;color:#101827;font-family:Inter,Arial,sans-serif}.auth-page *{box-sizing:border-box}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:48px 24px;background:radial-gradient(ellipse at 50% 20%,var(--brand-light) 0,transparent 55%)}.auth-card{width:100%;max-width:440px;padding:42px 36px 32px;background:#fff;border:1px solid var(--brand-light);border-radius:20px;box-shadow:0 16px 54px color-mix(in srgb, var(--brand-primary) 3.92%, transparent);text-align:center;animation:auth-enter .35s ease-out}.auth-brand{display:inline-flex;text-decoration:none;margin:0 0 34px}.auth-card h1{font:600 34px/1.2 BDO,Arial,sans-serif;letter-spacing:-1px;margin:0 0 12px}.auth-intro{color:#64748b;font-size:15px;line-height:1.7;margin:0 0 30px}.auth-google{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;padding:14px 20px;border:1px solid var(--brand-border);border-radius:100px;background:white;color:#101827;font:600 14px Inter,Arial,sans-serif;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.auth-google svg{width:20px;height:20px;flex-shrink:0}.auth-google:hover{background:color-mix(in srgb, var(--brand-light) 45%, white);border-color:var(--brand-accent);box-shadow:0 4px 14px color-mix(in srgb, var(--brand-primary) 3.92%, transparent);transform:translateY(-1px)}.auth-google:focus-visible,.account-menu summary:focus-visible,.account-dropdown button:focus-visible{outline:3px solid var(--brand-border);outline-offset:4px}.auth-google:disabled{opacity:.65;cursor:wait;transform:none}.auth-note{font-size:12px;line-height:1.7;color:#7b8798;margin:24px 0 0}.auth-status{font-size:13px;line-height:1.6;color:#64748b}.auth-status:empty{display:none}.auth-error{color:#a63737;background:#fff7f7;border-radius:10px;padding:12px;margin-top:20px}.auth-retry{border:0;border-radius:100px;background:var(--brand-primary);color:#fff;padding:12px 22px;font:600 14px Inter;cursor:pointer}.account-menu{position:relative;font-family:Inter,Arial,sans-serif}.account-menu summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;padding:4px 7px;border:1px solid var(--brand-light);border-radius:100px;font-size:13px;font-weight:500;max-width:200px;transition:background .18s}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary:hover{background:color-mix(in srgb, var(--brand-light) 45%, white)}.account-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--brand-light);color:var(--brand-primary);flex-shrink:0;overflow:hidden}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}.account-dropdown{position:absolute;right:0;top:calc(100% + 10px);padding:10px;min-width:220px;max-width:calc(100vw - 32px);background:white;border:1px solid var(--brand-light);border-radius:14px;box-shadow:0 8px 30px color-mix(in srgb, var(--brand-primary) 7.84%, transparent);z-index:40;animation:auth-enter .15s ease-out}.account-dropdown>span{display:block;font-size:11px;color:#64748b;padding:8px;overflow-wrap:anywhere}.account-dropdown button{display:flex;align-items:center;justify-content:space-between;width:100%;background:#f5f6f8;color:var(--brand-primary);border:0;border-radius:8px;padding:10px;font:500 13px Inter;cursor:pointer}.account-dropdown button:hover{background:var(--brand-light)}.auth-loading{margin:80px auto;text-align:center;color:#64748b;font:14px Inter,Arial,sans-serif}.sync-status{position:fixed;right:20px;bottom:18px;z-index:100;background:white;color:#64748b;border:1px solid var(--brand-light);border-radius:12px;padding:10px 14px;box-shadow:0 5px 20px color-mix(in srgb, var(--brand-primary) 4.71%, transparent);font:12px/1.5 Inter;max-width:calc(100vw - 40px)}.sync-status button{border:0;background:var(--brand-light);border-radius:8px;color:var(--brand-primary);padding:5px 8px;margin-left:8px;cursor:pointer;font:600 11px Inter}.sync-status[data-kind="error"]{border-color:#ecd2cd;color:#993e35}.sync-status[hidden]{display:none}@keyframes auth-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:520px){.auth-card{padding:34px 26px}.auth-card h1{font-size:30px}.account-name{max-width:92px}.account-menu summary{max-width:155px}.auth-shell{padding:24px 18px}}@media(prefers-reduced-motion:reduce){.auth-card,.account-dropdown{animation:none}.auth-google,.account-menu summary{transition:none}.auth-google:hover{transform:none}}

.auth-page [hidden]{display:none!important}