.app-topbar{position:fixed;z-index:25;top:0;left:230px;right:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 3px 14px #10213a0a}.topbar-date{display:grid}.topbar-date span{color:var(--muted);font-size:12px}.topbar-date strong{font-size:15px}.topbar-actions{display:flex;align-items:center;gap:12px}.topbar-language{margin:0}.topbar-language button{height:42px;padding:0 13px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font-weight:700}.profile-chip{display:flex;align-items:center;gap:10px;padding:5px 9px 5px 5px;border:1px solid transparent;border-radius:14px;color:var(--ink)}.profile-chip:hover{background:#f8fafc;border-color:var(--line)}.avatar-image{display:grid;place-items:center;width:42px;height:42px;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#155eef,#7a5af8);color:#fff}.avatar-image img{width:100%;height:100%;object-fit:cover}.avatar-image b{font-size:16px}.profile-chip>span:nth-child(2){display:grid}.profile-chip small{color:var(--muted);font-size:11px}.profile-chip i{color:var(--muted);font-style:normal}.workspace{padding-top:106px}.workspace.accounts-page,.workspace.category-page,.workspace.settings-page,.workspace.budgets-page,.workspace.trash-page{padding-top:106px}.workspace>header .avatar{display:none}
@media(max-width:980px) and (min-width:761px){.app-topbar{left:205px;padding:0 20px}}
@media(max-width:760px){.app-topbar{left:0;height:64px;padding:0 12px}.topbar-date span{font-size:10px}.topbar-date strong{font-size:13px}.topbar-actions{gap:6px}.topbar-language button{height:38px;padding:0 9px;font-size:12px}.profile-chip{padding:3px}.profile-chip>span:nth-child(2),.profile-chip>i{display:none}.avatar-image{width:38px;height:38px}.workspace,.workspace.accounts-page,.workspace.category-page,.workspace.settings-page,.workspace.budgets-page,.workspace.trash-page{padding-top:84px}.language-switch{display:none}}
.topbar-context{display:flex;align-items:center;gap:18px}.topbar-location{display:flex;align-items:center;gap:6px;max-width:190px;height:38px;padding:0 11px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden}.topbar-location span:last-child{overflow:hidden;text-overflow:ellipsis}.topbar-location:hover{color:var(--blue)}
@media(max-width:760px){.topbar-context{gap:8px}.topbar-location{max-width:105px;height:34px;padding:0 6px;font-size:10px}.topbar-date span{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}