.login-page{min-height:100vh;display:grid;place-items:center;padding:32px 18px;background:#eef2f5}.login-card{width:min(100%,460px);background:white;border:1px solid #dce3e9;border-radius:20px;padding:40px;box-shadow:0 16px 60px #1734490d}.login-card h1{font-size:26px;margin:30px 0 12px;line-height:1.4}.login-brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700}.login-tabs{display:flex;border-bottom:1px solid #dae1e6;margin:28px 0 24px}.login-tabs button{flex:1;border:0;border-radius:0;background:none;color:#6b7984;padding:14px 6px}.login-tabs .active{border-bottom:3px solid #234d62;color:#234d62;font-weight:700}.login-card .primary{width:100%;justify-content:center;margin-top:8px}.login-card .hint{line-height:1.8;margin-top:20px}.form-error{color:#a02a2a;line-height:1.6;min-height:24px;font-size:14px}.sms-unavailable{padding:16px 0;line-height:1.8}.account-controls{display:flex;align-items:center;gap:10px;font-size:14px}.account-controls>span{color:#71828f}.account-controls button{font-size:14px;padding:8px 12px}.sync-state{min-height:32px;padding:8px 32px;background:#f6f9fb;color:#658071;font-size:13px;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.sync-state.sync-error{background:#fff1ec;color:#9d3a24;justify-content:flex-start}.sync-state button{font-size:13px;padding:5px 8px}.customer-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid #e1e7ec}.customer-row small,.project-row small{display:block;color:#7a8a97;margin-top:7px;line-height:1.5}.account-form{padding-top:20px}.account-form small{color:#7a8a97}.admin-metric{padding:24px;background:#fff;border:1px solid #dce3ec;border-radius:14px;text-align:left}.admin-metric>span{display:block;color:#7c8b99}.admin-metric strong{display:block;font-size:32px;margin-top:14px;color:#244d61}.project-row{width:100%;text-align:left}.project-detail-topbar{grid-template-columns:auto minmax(100px,1fr) auto}.project-header-name{text-align:center}details>summary{cursor:pointer;font-weight:600;line-height:1.8}.login-card .textbtn{margin-top:20px}.admin-sidebar nav{margin-top:32px}
@media(max-width:760px){.account-controls>span{display:none}.account-controls{gap:6px}.account-controls button{font-size:13px;padding:8px}.project-detail-topbar{grid-template-columns:auto 1fr}.project-detail-topbar .account-controls{grid-column:1/-1;justify-content:flex-end}.project-header-name{font-size:17px}.sync-state{padding:8px 16px}.login-card{padding:28px}.customer-row{align-items:flex-start}.customer-row button{white-space:nowrap}.admin-sidebar nav{margin-top:0}}