.qr-codes-btn{cursor:pointer;box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;margin-right:1rem;padding:0;display:flex}.qr-codes-icon-btn{background:#f3f6fa;border:1.5px solid #1976d2;border-radius:8px;width:38px;height:38px;transition:background .18s,border-color .18s}.qr-codes-icon-btn:hover{background:#e3edfa;border-color:#145ea8}.qr-codes-icon-btn svg{display:block}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30;background-color:#fffffff2;justify-content:space-between;align-items:center;height:4.5rem;padding:0 2rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px #0000000d}@media screen and (max-width:768px){.topbar{padding:.75rem 1rem}.logo{font-size:1.25rem}.nav-items{background:var(--surface);box-shadow:var(--shadow-md);flex-direction:column;gap:1rem;padding:1rem;display:none;position:fixed;top:60px;left:0;right:0}.nav-items.active{display:flex}.menu-button{cursor:pointer;color:var(--text-primary);background:0 0;border:none;padding:.5rem;display:block}.user-section{gap:.5rem}.profile-menu{width:calc(100% - 2rem);max-width:none;right:1rem}}@media (hover:none){.nav-link,.profile-button{min-height:44px;padding:.75rem 1rem}.nav-link:hover,.profile-button:hover{background:0 0}.profile-menu-item{min-height:44px;padding:.75rem 1rem}}.topbar-logo{color:#3b82f6;letter-spacing:-.5px;font-size:1.25rem;font-weight:600}.topbar-nav{align-items:center;gap:2rem;display:flex}.topbar-nav a{color:#64748b;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s}.topbar-nav a:hover{color:#3b82f6}.user-section{align-items:center;gap:1rem;display:flex;position:relative}.help-center-link{color:#64748b;white-space:nowrap;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.help-center-link:hover{color:#3b82f6}.user-icon{cursor:pointer;background-color:#fff;border:2px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;padding:0;font-size:1.2rem;line-height:1;transition:all .2s;display:flex;overflow:hidden}.user-icon:hover{border-color:#1e40af;transform:scale(1.05)}.user-icon:focus-visible,.theme-toggle:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.user-dropdown{z-index:40;background-color:#fff;border-radius:8px;width:150px;animation:.2s ease-out fadeIn;position:absolute;top:calc(100% + 5px);right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.user-dropdown button{text-align:left;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:4px;width:100%;margin-bottom:5px;padding:15px;font-size:18px;display:block}.user-dropdown button:last-child{margin-bottom:0}.user-dropdown button:hover{background-color:#f0f0f0}.purchase-stickers-button{color:#007bff}.user-settings-button{color:#28a745}.signout-button{text-align:center;color:#f43f5e;cursor:pointer;background-color:#fff;border:none;width:100%;padding:12px;font-weight:500;transition:background-color .2s}.dropdown-link{text-align:left;color:#374151;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-bottom:1px solid #e5e7eb;width:100%;padding:12px 15px;font-size:.95rem;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s;display:block}.dropdown-link:hover{color:#2563eb;background-color:#f0f4ff}.signout-button:hover{background-color:#fee2e2}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.theme-toggle{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;font-size:1.05rem;transition:all .2s;display:inline-flex}.theme-toggle:hover{background-color:#eff6ff;border-color:#93c5fd}.scan-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;text-decoration:none;transition:all .2s;display:inline-flex}.scan-btn:hover{color:#2563eb;background-color:#eff6ff;border-color:#93c5fd}.main-content{margin-top:4.5rem}.topbar-left-container{align-items:center;gap:1.5rem;display:flex}.breadcrumbs-inline{color:#64748b;align-items:center;font-size:.95rem;display:flex}.breadcrumb-item{align-items:center;display:flex}.breadcrumb-separator{color:#94a3b8;margin:0 .5rem;font-weight:300}.breadcrumb-link{color:#64748b;font-weight:500;text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:#2563eb;text-decoration:none}.breadcrumb-link.active{color:#1e293b;pointer-events:none;font-weight:600}@media screen and (max-width:768px){.breadcrumbs-inline{display:none}}[data-mantine-color-scheme=dark] .topbar{border-bottom:1px solid var(--mantine-color-dark-4);background-color:#1a1b1ef2;box-shadow:0 1px 3px #0000004d}[data-mantine-color-scheme=dark] .help-center-link{color:var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .help-center-link:hover{color:var(--mantine-color-blue-4)}[data-mantine-color-scheme=dark] .theme-toggle{background:var(--mantine-color-dark-6);border-color:var(--mantine-color-dark-4)}[data-mantine-color-scheme=dark] .theme-toggle:hover{background:var(--mantine-color-dark-5);border-color:var(--mantine-color-blue-8)}[data-mantine-color-scheme=dark] .scan-btn{background:var(--mantine-color-dark-6);border-color:var(--mantine-color-dark-4);color:var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .scan-btn:hover{background:var(--mantine-color-dark-5);border-color:var(--mantine-color-blue-8);color:var(--mantine-color-blue-4)}[data-mantine-color-scheme=dark] .user-icon{background-color:var(--mantine-color-dark-6);border-color:var(--mantine-color-dark-4)}[data-mantine-color-scheme=dark] .user-icon:hover{border-color:var(--mantine-color-blue-7)}[data-mantine-color-scheme=dark] .user-dropdown{background-color:var(--mantine-color-dark-7);border:1px solid var(--mantine-color-dark-4)}[data-mantine-color-scheme=dark] .dropdown-link{color:var(--mantine-color-gray-2);border-bottom:1px solid var(--mantine-color-dark-4)}[data-mantine-color-scheme=dark] .dropdown-link:hover{background-color:var(--mantine-color-dark-6);color:var(--mantine-color-blue-4)}[data-mantine-color-scheme=dark] .signout-button{background-color:var(--mantine-color-dark-7);color:#ff8787}[data-mantine-color-scheme=dark] .signout-button:hover{background-color:#ff6b6b26}[data-mantine-color-scheme=dark] .qr-codes-icon-btn{background:var(--mantine-color-dark-6);border-color:var(--mantine-color-blue-8)}[data-mantine-color-scheme=dark] .qr-codes-icon-btn:hover{background:var(--mantine-color-dark-5);border-color:var(--mantine-color-blue-6)}[data-mantine-color-scheme=dark] .breadcrumb-separator,[data-mantine-color-scheme=dark] .breadcrumb-link{color:var(--mantine-color-dimmed)}[data-mantine-color-scheme=dark] .breadcrumb-link:hover{color:var(--mantine-color-blue-4)}[data-mantine-color-scheme=dark] .breadcrumb-link.active{color:var(--mantine-color-text)}