.auth-page { min-height:100dvh; display:grid; place-items:center; padding:24px; background:#eef2f7; }
.auth-card { width:min(440px,100%); background:#fff; border:1px solid #dce2ec; border-radius:20px; padding:38px; box-shadow:0 20px 60px #26395712; }
.auth-brand { color:#4f46e5; letter-spacing:.14em; font-size:10px; font-weight:700; }
.auth-card h1 { font-size:26px; margin:18px 0 12px; }
.auth-message { color:#667085; line-height:1.8; margin-bottom:24px; }
#loginForm label { display:block; margin-bottom:10px; font-size:14px; font-weight:600; }
#teamPassword { width:100%; padding:13px; border:1px solid #c8d2e1; border-radius:8px; font:inherit; }
#loginForm button { width:100%; justify-content:center; padding:13px; }
#loginError { min-height:24px; color:#b42318; margin:10px 0; font-size:13px; }
.cloud-tools { position:fixed; left:50%; bottom:14px; transform:translateX(-50%); z-index:1000; display:flex; align-items:center; gap:8px; padding:8px 12px; background:#fff; border:1px solid #d5ddea; border-radius:12px; box-shadow:0 5px 25px #142c4920; max-width:calc(100% - 20px); font-size:12px; }
.cloud-tools > span { color:#667085; max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cloud-tools button { border:0; background:#f2f4f7; border-radius:6px; padding:7px 10px; color:#344054; white-space:nowrap; cursor:pointer; font:inherit; }
.cloud-tools .sync-badge { position:static; box-shadow:none; margin:0; background:#ecfdf3; color:#027a48; border:0; max-width:350px; overflow:hidden; text-overflow:ellipsis; }
.cloud-tools .is-offline { background:#fff1ed; color:#b42318; }
.cloud-tools .is-local { background:#fffaeb; color:#b54708; }
.sync-conflict { position:fixed; bottom:80px; left:50%; transform:translateX(-50%); width:min(550px,calc(100% - 32px)); padding:24px; z-index:10001; background:#fff; border:1px solid #f1b089; border-radius:14px; box-shadow:0 8px 40px #172b4d22; }
.sync-conflict p { line-height:1.7; margin-bottom:16px; }
.dashboard-footer { padding-bottom:70px; }
@media(max-width:600px) { .cloud-tools { gap:4px; padding:7px; } .cloud-tools > span { display:none; } .cloud-tools button { padding:7px; } .cloud-tools .sync-badge { max-width:150px; } .auth-card { padding:28px; } }