.console{background:var(--cream-100);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.console-top{border-bottom:1px solid var(--line);z-index:40;background:#fff;justify-content:space-between;align-items:center;padding:10px 18px;display:flex;position:sticky;top:0}.console-mark,.login-mark{background:var(--accent);color:#fff;border-radius:9px;flex:none;place-items:center;width:28px;height:28px;font-size:15px;font-weight:600;display:grid}.console-body{flex:1;min-height:0;display:flex}.login-wrap{background:var(--cream-100);place-items:center;height:100dvh;padding:24px;display:grid}.login-card{border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;max-width:360px;box-shadow:var(--shadow);background:#fff;padding:28px 24px}.login-brand{align-items:center;gap:10px;margin-bottom:24px;display:flex}.login-mark{border-radius:11px;width:34px;height:34px;font-size:17px}.login-field{margin-top:14px;display:block}.login-field input{border:1px solid var(--line-strong);background:#fff;border-radius:9px;width:100%;margin-top:5px;padding:9px 11px;font-size:14px;display:block}.login-field input:focus{border-color:var(--accent)}.login-field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.login-note{background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent-deep);border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.75}.login-err{background:var(--red-soft);color:var(--red);border:1px solid #eccfc9;border-radius:9px;margin-top:14px;padding:9px 11px;font-size:12.5px;line-height:1.7}.console-body>.console-fill{min-width:0;min-height:0;box-shadow:none;border:none;border-radius:0;flex:1}.acct{position:relative}.acct-btn{color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;padding:5px 9px 5px 5px;transition:background .15s,border-color .15s;display:flex}.acct-btn:hover{background:var(--cream-100)}.acct-btn.on{background:var(--cream-100);border-color:var(--line)}.acct-avatar{background:var(--accent-soft);border:1px solid var(--accent-line);width:28px;height:28px;color:var(--accent-deep);border-radius:9px;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.acct-id{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.25;display:flex}.acct-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:14ch;font-size:13px;font-weight:500;overflow:hidden}.acct-role{color:var(--ink-3);font-size:11px}.acct-caret{color:var(--ink-4);flex:none;transition:transform .15s}.acct-btn.on .acct-caret{transform:rotate(180deg)}.acct-menu{border:1px solid var(--line);z-index:50;background:#fff;border-radius:12px;min-width:188px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 24px #1919171f}.acct-menu-head{border-bottom:1px solid var(--line);background:var(--cream-50);padding:11px 13px}.acct-menu-name{font-size:13px;font-weight:600}.acct-menu-sub{color:var(--ink-3);margin-top:2px;font-size:11.5px}.acct-menu-item{text-align:left;width:100%;color:var(--ink-2);cursor:pointer;background:0 0;border:none;padding:10px 13px;font-size:13px;display:block}.acct-menu-item:hover{background:var(--cream-100)}.acct-menu-item.danger{color:var(--red)}@media (width<=720px){.acct-id{display:none}.acct-btn{padding:5px}}