.main-nav{background-color:#333;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;position:relative}.nav-links{display:flex;gap:10px}nav a{color:#fff;margin:0 10px;text-decoration:none;font-weight:500;transition:color .2s}nav a:hover{text-decoration:underline;color:gold}.account-btn{background:#764ba2;color:#fff;border:none;border-radius:8px;padding:8px 22px;font-weight:700;font-size:1rem;box-shadow:0 2px 8px #00000014;text-decoration:none;transition:background .2s,color .2s,transform .2s;margin-left:20px;cursor:pointer;display:flex;align-items:center;gap:8px}.account-btn:hover{background:#e3f2fd;color:#007bff;transform:translateY(-2px)}.dropdown-toggle{position:relative}.dropdown-arrow{font-size:.8em;transition:transform .2s}.dropdown-toggle:hover .dropdown-arrow{transform:rotate(180deg)}.account-dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:200px;z-index:1000;margin-top:8px;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#333;text-decoration:none;border:none;background:none;width:100%;text-align:left;font-size:1rem;cursor:pointer;transition:background-color .2s}.dropdown-item:hover{background-color:#f8f9fa;text-decoration:none;color:#333}.item-icon{font-size:1.2em;width:20px;text-align:center}.dropdown-divider{height:1px;background-color:#e9ecef;margin:4px 0}.logout-item{color:#dc3545}.logout-item:hover{background-color:#f8d7da;color:#721c24}main{max-width:800px;margin:20px auto;padding:20px;background:#fff;border-radius:5px}@media (max-width: 600px){.main-nav{flex-direction:column;align-items:stretch;padding:8px 4px}.nav-links{flex-wrap:wrap;gap:6px;margin-bottom:8px}.account-btn{width:100%;margin:0 0 4px;font-size:.97rem;padding:8px 0;justify-content:center}.dropdown-menu{position:static;margin-top:0;box-shadow:none;border:1px solid #e9ecef;border-radius:0 0 8px 8px}.account-dropdown{width:100%}}