/* Scoped account UI; original hero, artwork and project-card rules stay intact. */
.auth-nav { margin-left:auto; display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:10px; letter-spacing:normal; text-transform:none; font-size:13px; min-width:0; }
.auth-nav .account-name { max-width:220px; overflow-wrap:anywhere; }
.auth-nav a, .auth-nav button, .auth-dialog button, .auth-page button { font:inherit; color:#fff; border:1px solid #8b68b2; background:#42295e; border-radius:10px; padding:10px 16px; cursor:pointer; text-decoration:none; }
.auth-nav a:hover, .auth-nav button:hover, .auth-dialog button:hover, .auth-page button:hover { background:#59357b; }
.auth-dialog button:disabled, .auth-page button:disabled { opacity:.6; cursor:wait; }
.auth-nav :focus-visible, .auth-dialog :focus-visible, .auth-page :focus-visible { outline:2px solid #e3beff; outline-offset:4px; }
.auth-message { color:#f1dbff; line-height:1.6; font-size:14px; overflow-wrap:anywhere; }
.auth-message:empty { display:none; }
#page-message { margin-top:16px; }
.auth-dialog { width:min(520px,calc(100vw - 32px)); max-height:calc(100svh - 32px); padding:28px; color:#fff; background:#161022; border:1px solid #71528f; border-radius:20px; box-shadow:0 24px 100px #000b; }
.auth-dialog::backdrop { background:#080510c9; backdrop-filter:blur(5px); }
.auth-dialog h2, .auth-page h2 { font-size:26px; font-weight:500; margin:0 0 14px; }
.auth-dialog form, .auth-form { display:grid; gap:16px; }
.auth-dialog label, .auth-page label { display:grid; gap:8px; font-size:14px; color:#ecdef9; }
.auth-dialog input, .auth-dialog select, .auth-page input, .auth-page select { font:inherit; width:100%; min-width:0; color:#fff; color-scheme:dark; border:1px solid #79618c; border-radius:9px; background:#100d19; padding:12px; }
.auth-dialog .auth-consent { display:flex; align-items:flex-start; line-height:1.6; font-size:12px; }
.auth-consent input { width:18px; height:18px; flex:0 0 18px; margin:2px 0 0; accent-color:#bd8ce7; }
.auth-help, .auth-page p { max-width:none; margin:0; font-size:13px; line-height:1.65; color:#c5b5d4; }
.auth-dialog .auth-secondary { background:transparent; }
.auth-page { margin:0; background:#0b0814; color:#fff; font-family:Manrope,system-ui,sans-serif; }
.auth-page * { box-sizing:border-box; }
.auth-shell { width:min(1200px,100%); margin:auto; padding:32px; }
.auth-page header { display:flex; flex-wrap:wrap; align-items:center; gap:16px; padding-bottom:32px; }
.auth-brand { color:#e7d3ff; text-decoration:none; font-size:20px; letter-spacing:.12em; }
.auth-page h1 { font-size:clamp(28px,5vw,40px); font-weight:500; margin:0 0 16px; }
.auth-login-card { max-width:480px; margin:8vh auto; padding:28px; border:1px solid #5f437c; border-radius:20px; background:linear-gradient(140deg,#24172f,#120d1b); }
.auth-login-card h1 { font-size:26px; }
.admin-tools { display:grid; grid-template-columns:1fr 220px; gap:16px; margin:28px 0; }
.admin-section { margin:32px 0; }
.admin-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.user-card { min-width:0; border:1px solid #533d68; border-radius:16px; padding:22px; background:#181021; display:grid; gap:14px; }
.user-card h3 { margin:0; font-size:18px; overflow-wrap:anywhere; }
.user-card p { overflow-wrap:anywhere; }
.user-card dl { display:grid; gap:8px; margin:0; font-size:13px; }
.user-card dl div { display:flex; justify-content:space-between; gap:14px; }
.user-card dt { color:#c5b5d4; }.user-card dd { margin:0; text-align:right; overflow-wrap:anywhere; }
.user-actions { display:flex; flex-wrap:wrap; gap:8px; }.user-actions button { font-size:13px; }
.admin-empty { padding:20px; border:1px dashed #533d68; border-radius:12px; }
@media(max-width:700px) { .auth-nav { gap:7px; }.auth-nav a,.auth-nav button { padding:8px 10px; }.auth-shell { padding:24px 16px; }.admin-list,.admin-tools { grid-template-columns:1fr; }.auth-login-card,.auth-dialog { padding:22px; } body:not(.auth-page) header { flex-wrap:wrap; }.auth-nav { flex:1 1 180px; } }
@media(prefers-reduced-motion:reduce) { .auth-dialog { scroll-behavior:auto; } }