.top-header[data-v-4ca3724e]{align-items:center;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px 0;z-index:1000}.website-name[data-v-4ca3724e]{color:#333;flex:1;font-size:1.5rem;font-weight:700;text-align:center}.user-info[data-v-4ca3724e],.user-profile-link[data-v-4ca3724e]{align-items:center;display:flex}.user-profile-link[data-v-4ca3724e]{color:#333;text-decoration:none}.user-avatar[data-v-4ca3724e]{border-radius:50%;height:40px;margin-right:10px;-o-object-fit:cover;object-fit:cover;width:40px}.username-container[data-v-4ca3724e]{align-items:center;display:flex;position:relative}.username[data-v-4ca3724e]{font-weight:500;margin-right:5px}.unread-badge[data-v-4ca3724e]{align-items:center;background-color:#dc3545;border-radius:10px;box-sizing:border-box;color:#fff;display:flex;font-size:12px;height:20px;justify-content:center;min-width:20px;padding:0 6px}.logout-btn[data-v-4ca3724e]{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#333;cursor:pointer;font-size:14px;margin-left:15px;padding:5px 10px}.logout-btn[data-v-4ca3724e]:hover{background-color:#e9ecef}.login-prompt[data-v-4ca3724e]{align-items:center;display:flex;gap:10px}.login-btn[data-v-4ca3724e]{background-color:#007bff;border-radius:4px;color:#fff;font-size:14px;padding:5px 15px;text-decoration:none}.login-btn[data-v-4ca3724e]:hover{background-color:#0056b3}.left-placeholder[data-v-4ca3724e]{flex:0 0 auto}.placeholder-content[data-v-4ca3724e]{height:40px;width:120px}.right-content[data-v-4ca3724e]{display:flex;flex:0 0 auto;justify-content:flex-end;min-width:120px}@media (max-width:768px){.top-header[data-v-4ca3724e]{margin-bottom:15px;padding:5px 0}.website-name[data-v-4ca3724e]{font-size:1.3rem}.user-avatar[data-v-4ca3724e]{height:35px;width:35px}.username[data-v-4ca3724e]{font-size:.9rem}.unread-badge[data-v-4ca3724e]{font-size:10px;height:18px;min-width:18px;padding:0 5px}.placeholder-content[data-v-4ca3724e]{height:35px;width:100px}.logout-btn[data-v-4ca3724e]{font-size:12px;margin-left:10px;padding:3px 8px}}@media (max-width:480px){.top-header[data-v-4ca3724e]{margin-bottom:10px;padding:5px 0}.website-name[data-v-4ca3724e]{font-size:1.1rem}.user-avatar[data-v-4ca3724e]{height:30px;width:30px}.username[data-v-4ca3724e]{font-size:.85rem}.unread-badge[data-v-4ca3724e]{font-size:9px;height:16px;min-width:16px;padding:0 4px}.login-btn[data-v-4ca3724e]{font-size:12px;padding:3px 10px}.placeholder-content[data-v-4ca3724e]{height:30px;width:80px}.logout-btn[data-v-4ca3724e]{font-size:11px;margin-left:8px;padding:2px 6px}}