[data-auth]:not([data-auth="ready"])>aside,[data-auth]:not([data-auth="ready"])>main{display:none}
#authscreen{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 15% 15%,#e1edce,transparent 40%),#f5f5ef}
[data-auth="ready"] #authscreen{display:none}
.authcard{width:min(440px,100%);padding:38px;border:1px solid #d9dfd0;border-radius:24px;background:#fff;box-shadow:0 24px 80px #31452c14}
.authbrand{font-size:32px;font-weight:750;letter-spacing:-1.5px;color:#344432}.authbrand span{color:#719451}
.productgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.productcard{border:1px solid var(--line);padding:18px;border-radius:12px}.productcard h3{margin:0 0 8px}.productcard small{line-height:1.7;display:block;color:var(--muted)}.productcard>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.productcard a{color:var(--green);font-size:12px}#productsearch{width:100%;border:1px solid var(--line);padding:12px;border-radius:8px}@media(max-width:650px){.productgrid{grid-template-columns:1fr}}
.authcard h1{font-size:30px;line-height:1.2}.authcard p{color:#65705f;line-height:1.6}.authcard form{display:grid;gap:16px;margin:25px 0}.authcard form button{width:100%}.authcard small{color:#727a6d}
[data-auth="loading"] #loginform{opacity:.5;pointer-events:none}.saving dialog button:not(.close){pointer-events:none;opacity:.6}
#accountname{font-size:12px;max-width:160px;overflow:hidden;text-overflow:ellipsis}#syncstatus{margin-left:auto;font-size:11px}.headeractions{flex-wrap:wrap}
@media(max-width:650px){.authcard{padding:26px}#accountname{display:none}#syncstatus{width:100%;margin-left:0}.notice{flex-wrap:wrap}}
