.auth-gate{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 25% 15%,color-mix(in srgb,var(--green) 18%,transparent),transparent 35%),rgba(5,9,13,.96);backdrop-filter:blur(18px)}.auth-gate[hidden]{display:none}.auth-shell{width:min(920px,100%);display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;border:1px solid color-mix(in srgb,var(--green) 25%,var(--border));border-radius:22px;background:var(--card);box-shadow:0 35px 100px rgba(0,0,0,.55)}.auth-brand{display:grid;align-content:space-between;min-height:560px;padding:35px;background:linear-gradient(150deg,color-mix(in srgb,var(--green) 16%,var(--bg)),var(--bg))}.auth-brand img{width:92px;height:92px;object-fit:contain}.auth-brand span{color:var(--green);font-size:9px;font-weight:950;letter-spacing:1.8px}.auth-brand h2{margin:8px 0;font-size:35px;text-transform:uppercase}.auth-brand p{max-width:340px;color:var(--text2);font-size:11px;line-height:1.7}.auth-benefits{display:grid;gap:10px}.auth-benefits div{display:flex;gap:10px;align-items:center;color:var(--text2);font-size:9px}.auth-benefits b{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green)}.auth-panels{display:grid;align-content:center;padding:35px}.auth-panel{display:none}.auth-gate:not([data-panel="register"]) .auth-login,.auth-gate[data-panel="register"] .auth-register{display:grid;gap:14px}.auth-panel>span{color:var(--green);font-size:9px;font-weight:950;letter-spacing:1.5px}.auth-panel h3{font-size:27px}.auth-panel>p{color:var(--text2);font-size:10px}.auth-panel label{display:grid;gap:6px;color:var(--text2);font-size:9px;font-weight:850}.auth-panel input{width:100%;padding:13px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);outline:0}.auth-panel input:focus{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 10%,transparent)}.auth-error{min-height:18px;color:var(--red);font-size:9px}.auth-switch{display:flex;justify-content:center;gap:5px;color:var(--text2);font-size:9px}.auth-switch button{border:0;background:transparent;color:var(--green);font-weight:900}.auth-local{margin-top:5px;padding-top:15px;border-top:1px solid var(--border);text-align:center}.auth-local button{color:var(--text2)}.sidebar-account{margin:0 16px 10px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;padding:9px;border:1px solid var(--border);border-radius:11px;background:var(--card);color:var(--text);text-align:left}.sidebar-account>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:color-mix(in srgb,var(--green) 13%,transparent);color:var(--green)}.sidebar-account strong,.sidebar-account small{display:block;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account strong{font-size:9px}.sidebar-account small{margin-top:3px;color:var(--text2);font-size:7px}.account-card{display:grid;gap:12px}.account-identity{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.account-identity>span{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:color-mix(in srgb,var(--green) 12%,transparent);font-size:20px}.account-identity small{display:block;margin-top:4px;color:var(--text2)}.account-sync{padding:12px;border:1px solid color-mix(in srgb,var(--green) 18%,var(--border));border-radius:10px;color:var(--green);font-size:9px}.account-actions{display:flex;gap:8px}.status-dot[data-sync="synced"]{background:#45dd78}.status-dot[data-sync="pending"],.status-dot[data-sync="syncing"]{background:var(--orange);animation:pulse 1s infinite}.status-dot[data-sync="offline"],.status-dot[data-sync="conflict"]{background:var(--red)}@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-panels{padding:25px;min-height:520px}}
.auth-local{display:none}.auth-required-note{margin-top:5px;padding-top:15px;border-top:1px solid var(--border);color:var(--text2);font-size:9px;line-height:1.55;text-align:center}